什么是 Broken Links
在开发 Web 应用时,页面中的链接是非常重要的,但是这些链接有时会失效,这就是所谓的 Broken Links。Broken Links 不仅会影响用户体验,也会影响 SEO。采取对策是必要的,这时候就可以使用 npm 包 broken-links。
Broken Links 是什么
npm 包 broken-links 是一个用于检测 Web 应用中有哪些链接失效的工具。它可以扫描指定网站的所有页面,并且能够指出页面中失效的链接,这些链接的 HTTP 状态码可以是 404、500 或其他 4xx/5xx 类型的状态码。
如何使用 npm Package
安装 npm 包:
--- ------- ------------ --
使用命令行来检测一个网站上所有的链接:
------------ ------------------
或者也可以通过参数来指定其它位置或者参数:
------------ ------
检测结果解析
在命令行运行 broken-links 后,将会出现如下结果:
--- ------------------ --- ------------------------ --- ----------------------------- --- ------------------------------------ -- --- --- ----- --- --------------------------- --- ------------------------------------ -- --- -------- ------ -----
可以看到,每个链接都被分配了一个 HTTP 状态码,这样就可以很容易地找到网站中的 Broken Links。
代码示例
----- ----------- - ------------------------ --------------------------------- ------------------ ----------------------
在代码示例中,我们使用 brokenLinks 方法,并将网站链接作为参数传入。然后,只需要简单地使用 then/catch 方法来处理它的结果即可。
结论
通过使用 Broken Links,你可以轻松地找到你网站中的链接是否损坏,从而更好地维护你的网站。这个小工具非常容易使用,只需要下载安装并运行命令即可。希望这篇文章对你有所帮助,让你在 Web 开发中更加得心应手!
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60066c8accdc64669dde51fb