在前端开发中，我们经常需要查找相关网站或者数据源，而每个网站所提供的数据格式和接口方式都不尽相同，这给我们的开发工作带来了很大的困扰。而在这种情况下，我们可以借助 npm 包 websiteofeverything.net 来快速获取所需的数据，大幅提高开发效率。
websiteofeverything.net 的使用流程
websiteofeverything.net 是一个通过网站 URL 获取网站 HTML 内容，并进行解析，提取所需信息的 npm 包。使用该包需要先安装 Node.js，并在命令行中执行以下操作：
安装 websiteofeverything.net
npm install websiteofeverything.net --save
引入 websiteofeverything.net
const website = require('websiteofeverything.net');调用 websiteofeverything.net 的方法
website(url, selectors, {callback})
其中，url 是需要获取 HTML 内容的网站地址，selectors 是需要提取的信息所对应的 CSS 选择器。
我们可以通过一些示例来更好地理解 websiteofeverything.net 的使用方法。
示例1：使用 websiteofeverything.net 获取百度搜索结果
我们假设现在需要获取百度搜索 “JavaScript” 的前 10 项结果并打印出来。这可以通过以下代码完成：
-- -------------------- ---- -------
----- ------- - -----------------------------------
----- --- - -----------------------------------------------------------------------------------------------------------------------------------------------------------------------
----- --------- - -
------ --- - ---
----- --- - -------
--
----- -------- - -------- -- -
------- - - -- - - --- ---- -
-------------------- ------------------------------------------
-
--
------------ ---------- - -------- ---在以上代码中，我们首先引入了 websiteofeverything.net 包，并指定我们需要获取的网站地址和所需信息的 CSS 选择器。在 callback 中，我们使用 for 循环输出前 10 项搜索结果的标题和链接地址。
运行上述代码，控制台将输出如下结果：
-- -------------------- ---- ------- -- --------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -- ---------- - --- --- ---- ------------------------------------------------------- -- ---------- - ---- ------------------------------------------ -- ---------- - ------------ ------------------------------------------- -- ---------- -- ---------------------------------------- -- ---------- -- - -------- ---------------------------------------------- -- ---------- -- ---------------------------------- -- ---------- - -------- ------------------------------------------------- -- ---------- ------ ------------- ------ --- ------ ------ - ------- ------------------------------------------- --- ---------------- - ---------------- ------------------------------------------------------------------------------------------------------------------------
示例2：使用 websiteofeverything.net 获取知乎话题热门问题
我们假设现在需要获取知乎话题 https://www.zhihu.com/topic/19552832/top-questions 的前 10 个热门问题和对应的链接地址。这可以通过以下代码完成：
-- -------------------- ---- -------
----- ------- - -----------------------------------
----- --- - -----------------------------------------------------
----- --------- - -
------ ----------- ---------- ----------- ---
----- ----------- ---------- ----------- -------
--
----- -------- - -------- -- -
------- - - -- - - --- ---- -
-------------------- ------------------------------------------
-
--
------------ ---------- - -------- ---在以上代码中，我们利用了知乎话题列表页面中的 feed-main 和 feed-item 的类名，所需提取信息对应的 CSS 选择器可以在 Chrome 浏览器的开发者工具中轻松获取。
运行上述代码，控制台将输出如下结果：
-- -------------------- ---- ------- -- ---------------------- --------------------------------------- -- --------------------------- --------------------------------------- -- --------- --------------------------------------- -- -- --- ----------- --- ------------ --------------------------------------- -- -------------- --------------------------------------- -- ---- --------- ---- ------ ----- -------- --------------- --------------------------------------- -- ------------ ------ -- ------ -- -- ----- ----- --- ---- --- --- --------------------------------------------------------- -- ------------- ---------------------------------------- -- ------- -- ------------- -------------- --------------------------------------- --- ------ --- ---- ------- ----------------------------------------
如此，我们就利用 websiteofeverything.net 方便地获取到了知乎话题的热门问题信息。
以上就是 websiteofeverything.net 的使用教程，并附有两个具体的示例，相信读者已经掌握了该 npm 包的使用方法。这个小小的 npm 包对前端开发人员来说具有很大的实用价值，可以为我们的开发工作带来很大的便利和效率的提升。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cd681e8991b448e6722