こんにちは、近藤です。

制作したウェブページのリンクをチェックをするときページ内のリンク切れをワンクリックでチェックしてくれる機能拡張のご紹介です。

Chromeのウェブストアで「Check My Links」を検索しますと、

「Check My Links is a link checker that crawls through your webpage and looks for broken links.」という説明で結果に表示されます。

訳すると

「Check My Linksは、ウェブページ内をクロールしてリンク切れを見つけ出すリンクチェッカーです」といったことが書かれています。

早速使ってみました。

インストールするとChromeブラウザの右上にチェックマークのアイコンが追加されています。

リンクチェックしたいページをブラウザで開いてこのアイコンをクリックするだけです。

Before（チェック前）

After（チェック後）

リンク成功の場合は、グリーンになります。
サンプルでは表示されていませんが、リンク切れエラーの場合は赤色になります。

右上に↑このような結果表示がされます。

Links：ページ内のリンクの数
Queue：クリックしてからチェック待ち数
Vaild links：リンクの妥当性（リンク成功）
Redirect links：（※用途不明）
Warnings：（※用途不明）
Invaild links：リンク切れの数
右上の矢印と四角のアイコンをクリックすると結果をCSVとしてクリップボードにコピーすることができますのでテキストエディタ等に貼り付け、CSVとして保存再利用できます。

※用途不明のところは、ドキュメントでも調べきれなかったのでよくわかりませんでした。

以上、
ページ内のリンク切れを簡単にチェックすることができるChrome機能拡張「Check My Links」の紹介でした。