npm 包 broken-links 使用教程

什么是 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


猜你喜欢

  • npm 包 bromote 使用教程

    介绍 在前端开发中,经常需要在不同的端口、不同的服务器上进行调试和测试。这时候,我们就需要一种方便快捷的方法来访问这些服务器,并进行测试和调试。 bromote 是一款基于 WebSocket 技术的...

    4 年前
  • npm 包 brobbot-flickr-image 使用教程

    前言 在前端开发中,使用第三方库可以提高开发效率,让我们更快地实现需求。其中,npm 是最常用的 JavaScript 包管理器之一,通过 npm 可以快速方便地引入各种各样的开源包。

    4 年前
  • npm 包 brobbot-giphy 使用教程

    介绍 npm(Node Package Manager) 是 Node.js 官方的包管理工具,负责 Node.js 模块的发布、更新、依赖等。brobbot-giphy 是一个基于 npm 的前端框...

    4 年前
  • npm 包:brobbot-google-image 使用教程

    在开发前端项目时,我们通常需要引用很多第三方库和框架来提升我们的工作效率。而这些库和框架通常都会通过 npm(Node Package Manager)进行管理和安装。

    4 年前
  • npm 包 brobbot-google-image-bomb 使用教程

    简介 brobbot-google-image-bomb 是一个使用了 Google Images API 的 Brobbot 插件,可以随机从 Google Images 中获取指定关键字的图片。

    4 年前
  • npm 包 brobbot-google-image-unsafe 使用教程

    在日常前端开发中,有时会需要使用到一些有趣的外部数据,如图片。而使用 Google image search API 可以轻松地实现通过关键词搜索到相关图片的需求。

    4 年前
  • npm 包 brobbot-impersonate 使用教程

    简介 brobbot-impersonate 是一个基于 Node.js 平台的 npm 包,它可以让你的机器人 (Bot) 像一个指定的用户一样发言和回复消息。这个工具非常适用于测试、演示等场景,也...

    4 年前
  • npm 包 brunch-less-typescript-stack 使用教程

    在进行前端开发时,我们通常需要使用多种技术工具来完成开发任务。其中,使用 brunch-less-typescript-stack 工具包可以让我们更快速地进行前端开发。

    4 年前
  • npm 包 brunch-plugin-seed 使用教程

    npm 是前端开发中常用的包管理工具,它可以方便地帮我们管理项目中所需要的依赖库。在使用 npm 的过程中,brunch-plugin-seed 是一个非常有用的包,下面我们来详细介绍其使用教程。

    4 年前
  • npm 包 browser-sync-vue 使用教程

    在前端开发中,经常会遇到需要快速启动本地服务器并查看页面效果的情况。browser-sync-vue 是一个基于 browser-sync 的 npm 包,它可以很方便地启动本地服务器并自动刷新页面。

    4 年前
  • npm 包 browser-sync-webpack 使用教程

    在前端开发中,我们通常需要实时预览我们所编写的代码。为了实现这个目标,有很多类似的工具可用。其中一个非常流行的工具就是 browser-sync。它可以在我们修改代码时自动刷新浏览器,并且能够立即看到...

    4 年前
  • npm 包 browser-sync-x 使用教程

    在前端开发中,我们经常会遇到需要同步展示页面效果的情况,这就需要使用工具来帮助我们完成自动刷新、同步浏览器等功能。browser-sync 是一个非常好用的工具,它可以自动刷新页面并同步多个浏览器的展...

    4 年前
  • npm 包 browser-tabs 使用教程

    在 Web 前端开发过程中,我们经常需要和浏览器进行交互,比如打开新的选项卡或者关闭已有的选项卡。而 JavaScript 并没有提供原生的接口来进行这些操作,不过我们可以通过使用第三方的 npm 包...

    4 年前
  • npm 包 browser-tap 使用教程

    npm 包 browser-tap 使用教程 在前端开发工作中,测试是非常重要的一部分。为了增强前端测试的质量和效率,我们可以使用 npm 包 browser-tap,它是一个能够在浏览器中运行的 T...

    4 年前
  • npm 包 brobbot-pg-brain 使用教程

    前言 在现代前端开发中,前端工程师需要使用许多工具和框架来提高开发效率。而 npm (Node.js 的包管理器)就是其中的一个重要组成部分。npm 拥有数以万计的开源模块,这让前端工程师可以快速实现...

    4 年前
  • npm 包 brobbot-sqlite-brain 使用教程

    简介 brobbot-sqlite-brain 是一个基于 SQLite 的智能聊天机器人框架 brobbot 的插件。它允许您在 SQLite 数据库中存储和检索数据,例如机器人的记忆和对话上下文。

    4 年前
  • npm 包 broc-and-hape-utils 使用教程

    在前端开发中,我们经常需要使用到各种工具和库来帮助我们完成代码编写和项目搭建等工作。其中,npm 是前端常用的包管理工具,通过npm,我们可以方便地安装和管理各种第三方包和插件。

    4 年前
  • npm 包 brunch-ts 使用教程

    前言 随着前端技术的不断发展,前端工程化已经越来越成熟。而对于前端工程化来说,包管理工具npm的地位就不言自明了。在前端开发中,开发者不仅需要能够熟练地使用包管理工具npm,更要能够根据项目的需求来选...

    4 年前
  • npm 包 brunch-typescript 使用教程

    前言 现今,前端开发涉及的技术越来越多,不仅需要掌握 HTML、CSS 和 JavaScript 等基础技能,还需要掌握各种框架、库和工具。其中,npm 是 JavaScript 的包管理器,已成为前...

    4 年前
  • npm 包 brunocasanova-e-learning-test 使用教程

    在前端开发中,npm 包已经成为一种非常常见的技术方案,极大地方便了开发者的工作。本文将介绍使用 npm 包 brunocasanova-e-learning-test 的详细流程和使用方法,帮助读者...

    4 年前

相关推荐

    暂无文章