什么是 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 包:
npm install broken-links -g
使用命令行来检测一个网站上所有的链接:
broken-links http://example.com
或者也可以通过参数来指定其它位置或者参数:
broken-links --help
检测结果解析
在命令行运行 broken-links 后,将会出现如下结果:
GET http://example.com GET http://example.com/about GET http://example.com/contact-us GET http://example.com/non-existent-page -> 404 Not Found GET http://example.com/services GET http://example.com/non-existent-page -> 500 Internal Server Error
可以看到,每个链接都被分配了一个 HTTP 状态码,这样就可以很容易地找到网站中的 Broken Links。
代码示例
const brokenLinks = require('broken-links'); brokenLinks('http://example.com') .then(console.log) .catch(console.error);
在代码示例中,我们使用 brokenLinks 方法,并将网站链接作为参数传入。然后,只需要简单地使用 then/catch 方法来处理它的结果即可。
结论
通过使用 Broken Links,你可以轻松地找到你网站中的链接是否损坏,从而更好地维护你的网站。这个小工具非常容易使用,只需要下载安装并运行命令即可。希望这篇文章对你有所帮助,让你在 Web 开发中更加得心应手!
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066c8accdc64669dde51fb