如果您正在开发前端网站或应用程序，您可能会想要使用一个网络爬虫来收集数据。这时，@crawly/browser 可能会是一个很好的选择。它是一个基于 Node.js 的高效、灵活且易于使用的网络爬虫。
安装
要使用 @crawly/browser，您需要在安装 Node.js 后在命令行中输入以下内容来安装它：
npm install @crawly/browser
使用 @crawly/browser
首先，让我们来看看如何使用 @crawly/browser。要开始，您需要编写一个脚本，其中包含以下代码：
-- -------------------- ---- ------- ----- - ------- - - --------------------------- ----- ---- - ----- -- -- - ----- ------- - --- ---------- ----- ---- - ----- ------------------ ----- ----------------------------------- ----------------- -------------- ----- ---------------- - -------
在上面的示例代码中，我们首先导入 @crawly/browser 库。然后我们创建了一个浏览器实例，并使用 newPage 方法创建了一个新的页面实例。接下来，我们使用 goto 方法将页面导航到百度的首页。最后，我们打印出页面的标题，然后关闭浏览器。
可以看到，使用 @crawly/browser 非常简单。您只需创建一个浏览器实例，然后使用 newPage 方法创建一个新的页面实例即可。
更多的用法
除了上面所述的基本使用方法之外，@crawly/browser 还提供了许多其他功能。例如，您可以使用 setUserAgent 方法设置页面的用户代理，也可以使用 waitForSelector 方法等待特定的元素加载。
下面是一个稍微复杂的示例代码：
-- -------------------- ---- -------
----- - ------- - - ---------------------------
----- ---- - ----- -- -- -
----- ------- - --- ----------
----- ---- - ----- ------------------
----- ------------------------------ -------- -- ----- ------ ---- ------------------ ------- ---- ------ -------------------- ----------------
----- ------------------ ------ ----- ------- --- ---
----- -----------------------------------
----- ---------------- ------- ---------
----- ------------------
----- ------------------------ ---------- ------------------ ---
----- ------------ - ----- ---------------- -- -
----- ------- - ---
----- ----- - -------------------------------------
-------------------- -- -
--------------------------------------
---
------ --------
---
--------------------------
----- ----------------
-
-------在上面的示例代码中，我们首先使用 setUserAgent 方法设置页面的用户代理，然后使用 setViewport 方法设置视口。接下来，我们使用 goto 方法导航到百度首页，然后使用 type 方法向搜索框中输入“Hello, World!”。然后，我们使用 click 方法单击搜索按钮，并使用 waitForNavigation 方法等待页面加载完成。最后，我们使用 evaluate 方法从页面中提取所有搜索结果，并将其打印到控制台上。
##结论
@crawly/browser 是一个强大而灵活的网络爬虫库，可为前端开发人员提供高效的数据采集解决方案。通过本文，您已经了解到了@ crawly / browser 的使用方法和功能，希望您能够在以后的项目中更加顺利地使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/crawly-browser