指定したURLの内の要素やH1を取得して一括でチェックできるツールです。
Ajaxを使用して情報を取得するので、制限の掛かった開発環境でも使用できます。別ドメインのサイトの情報は取得できません。
docsフォルダを任意の名前にリネーム後、サーバーにアップしてブラウザでアクセスしてください。sampleフォルダは使いません。- テキストエリアにチェックしたいURLを入力してください。改行で複数入力可能です。絶対パス/ルートパス/相対パスで入力できます。(1000件まで入力可能)
- 取得したい情報をチェックして
checkを押します。 初期でチェックされてるのは、個人的によく使うやつです。 - 結果が表示されます
- 赤は要素が存在しない
- 黄色は存在するけど未設定
GitHub Pagesでデモサイトを作っています。 https://kandai.github.io/simple-meta-checker/
4つほどサンプルのHTMLを用意してますので、下記のように入力して試してみてください。
https://kandai.github.io/simple-meta-checker/sample/01.html
https://kandai.github.io/simple-meta-checker/sample/02.html
https://kandai.github.io/simple-meta-checker/sample/03.html
https://kandai.github.io/simple-meta-checker/sample/04.html
docs 以外は開発用のファイルです。
docs/sample はデモ用です。
Chromeでしか動作確認してません。 ブラウザ幅は広いほうが見やすいです。
##＃ 注意事項
ツールの性質上、サイトに負荷をかけることも可能なので、アクセス制限をかけるなど、注意して使用してください。 このツールを使用して起きた問題に関しては、責任を負いません。