【亲测免费】 jsdom 使用教程

2026-01-17 08:33:04作者：卓艾滢Kingsley

项目介绍

jsdom 是一个纯粹由 JavaScript 实现的一系列 Web 标准，特别是 WHATWG 组织制定的 DOM 和 HTML 标准，用于在 Node.js 中使用。该项目的目标是模拟足够的 Web 浏览器子集，以便用于测试和挖掘真实世界的 Web 应用程序。最新版本的 jsdom 运行环境需要 Node.js v14 或者更高的版本。

项目快速启动

安装

首先，确保你已经安装了 Node.js 和 npm。然后，通过 npm 安装 jsdom：

npm install jsdom

基本用法

以下是一个简单的示例，展示如何使用 jsdom 解析 HTML 并访问 DOM 元素：

const jsdom = require("jsdom");
const { JSDOM } = jsdom;

const dom = new JSDOM(`<!DOCTYPE html><p>Hello world</p>`);
console.log(dom.window.document.querySelector("p").textContent); // "Hello world"

应用案例和最佳实践

应用案例

jsdom 常用于以下场景：

单元测试：在 Node.js 环境中进行前端代码的单元测试。
爬虫：解析和提取网页内容。
模拟浏览器环境：在无头浏览器环境中运行和测试 JavaScript 代码。

最佳实践

异步脚本加载：在加载异步脚本时，使用脚本加载器提供的机制来检测何时加载完成。例如，使用 RequireJS：

// On the Node.js side:
requirejs(['entry-module'], (entryModule) => {
  // Your code here
});

调试：使用 Chrome 开发者工具来调试 Node.js 程序。安装 jsdom-devtools-formatter 以便于调试：

npm install jsdom-devtools-formatter

然后在代码中启用：

const { formatter } = require('jsdom-devtools-formatter');
formatter(dom.window);

典型生态项目

jsdom 作为一个基础库，与其他一些项目结合使用可以发挥更大的作用：

Mocha/Chai：用于编写和运行单元测试。
Puppeteer：用于控制无头 Chrome 或 Chromium 浏览器，与 jsdom 结合可以实现更复杂的浏览器自动化测试。
Cheerio：用于解析和操作 HTML，常与 jsdom 一起用于爬虫和数据提取。

通过这些项目的结合使用，可以构建出强大的自动化测试和数据提取工具。

登录后查看全文

项目优选

收起

Ascend Extension for PyTorch

本项目是CANN提供的数学类基础计算算子库，实现网络在NPU上加速计算。

C++

1.01 K

kernel

openEuler内核是openEuler操作系统的核心，既是系统性能与稳定性的基石，也是连接处理器、设备与服务的桥梁。

433

394

MindSpeed-MM

华为昇腾面向大规模分布式训练的多模态大模型套件，支撑多模态生成、多模态理解。

Claude Code 的开源替代方案。连接任意大模型，编辑代码，运行命令，自动验证 — 全自动执行。用 Rust 构建，极致性能。｜ An open-source alternative to Claude Code. Connect any LLM, edit code, run commands, and verify changes — autonomously. Built in Rust for speed. Get Started

🎉 (RuoYi)官方仓库基于SpringBoot，Spring Security，JWT，Vue3 & Vite、Element Plus 的前后端分离权限管理系统

Vue

1.68 K

989

【亲测免费】 jsdom 使用教程

项目介绍

项目快速启动

安装

基本用法

应用案例和最佳实践

应用案例

最佳实践

典型生态项目

热门内容推荐

最新内容推荐

项目优选

【亲测免费】 jsdom 使用教程

项目介绍

项目快速启动

安装

基本用法

应用案例和最佳实践

应用案例

最佳实践

典型生态项目

相关内容推荐

热门内容推荐

最新内容推荐

项目优选