📅 最后修改于: 2023-12-03 14:57:17.578000 🧑 作者: Mango
在编写 JavaScript 代码时，常常需要从网站上获取数据。获取数据有两种方式：真实数据和 HTML 代码。如果你需要使用 HTML 代码，你可能需要使用爬虫技术。
AJAX 是一种在网页上获取数据的常用技术。它通过 JavaScript 和 XMLHTTP 请求来向服务器请求数据，并在网页上显示数据。由于 AJAX 只能请求真实数据，而无法获取 HTML 代码，因此需要采用其他方法来获取 HTML 代码。
Puppeteer 是一个由 Chrome 团队维护的开源工具，它可以模拟用户在 Chrome 浏览器中执行的动作，并提供一个无头浏览器。你可以使用 Puppeteer 来获取网页的 HTML 代码，而无需向服务器请求真实数据。以下是一个使用 Puppeteer 获取 HTML 代码的示例：
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://www.example.com');
const html = await page.content();
console.log(html);
await browser.close();
})();
这段代码使用了 Puppeteer 的 launch() 方法来启动无头浏览器，然后打开了一个新页面并访问了一个网站。最后，通过 content() 方法获取了页面的 HTML 代码，并在控制台中输出。
Cheerio 是一个 Node.js 模块，它可以将 HTML 代码转换为 DOM 树，并提供 JQuery 风格的 API 来操作 DOM。你可以使用 Cheerio 来解析 HTML 代码并获取其中的数据。以下是一个使用 Cheerio 解析 HTML 代码的示例：
const cheerio = require('cheerio');
const html = '<html><head><title>Example</title></head><body><p>Hello, world!</p></body></html>';
const $ = cheerio.load(html);
console.log($('title').text()); // Example
console.log($('p').text()); // Hello, world!
这段代码首先使用 load() 方法将 HTML 代码转换为 DOM 树，然后使用 $() 方法获取 DOM 元素。最后，通过 text() 方法获取元素的文本内容并输出。
总之，如果你需要从网站上获取 HTML 代码而不是真实数据，你可以使用 Puppeteer 技术来获取页面的 HTML 代码，并使用 Cheerio 来解析 HTML 代码并获取其中的数据。