nodejs jsdom 模拟浏览器，执行DOM环境 js 文件

少年的小俊

已于 2023-06-13 15:25:35 修改

阅读量1.2k

点赞数

文章标签： javascript 前端开发语言

于 2023-06-09 11:36:25 首次发布

本文链接：https://blog.csdn.net/weixin_42290927/article/details/131124117

版权

解决方案

npm install jsdom

const jsdom = require("jsdom");
// var MutationObserver = require("mutationobserver-shim");
var {JSDOM} = jsdom;
var dom = new JSDOM(`<!DOCTYPE html><p>Hello world</p>`);
var window = dom.window;
var document = window.document;
var self = window.self;
var File = window.File;
var Blob = window.Blob;
var WebSocket = window.WebSocket;
var FileReader = window.FileReader;
var location = window.location;
const MutationObserver = window.MutationObserver
var XMLHttpRequest = window.XMLHttpRequest;

import 报错

使用 Babel 翻译执行

npm install --save babel-core

npm install --save babel-preset-env

npm install babel-cli -g

添加文件.babelrc到第一层目录中

{
  "presets": [
    "es2015"
  ],
  "plugins": []
}

Couldn‘t find preset “es2015“ relative to directory问题

npm install babel-preset-es2015 --save-dev

sessionStorage/localstorage 报错

[DOMException [SecurityError]: sessionStorage is not available for opaque origins]
[DOMException [SecurityError]: localStorage is not available for opaque origins]

通过生成DOM时，添加一个URL

var dom = new JSDOM(`<!DOCTYPE html><p>Hello world</p>`, {
  url: 'http://some.dum.site'
});

执行代码

babel-node xxxx.js

… es6 展开运算符报错

安装插件 npm install babel-preset-stage-2
在 .babelrc 中加入该插件

{
  "presets": [
    "es2015",
    "stage-2"
  ],
  "plugins": []
}

少年的小俊

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
nodejs jsdom 模拟浏览器，执行DOM环境 js 文件

JsDOM 爬虫破解 js 代码
复制链接

扫一扫

nodejs jsdom 模拟浏览器，执行DOM环境 js 文件

解决方案

import 报错

… es6 展开运算符报错

“相关推荐”对你有帮助么？