Code Monkey home page Code Monkey logo

simple-meta-checker's Introduction

Simple Meta Checker

指定したURLの内の要素やH1を取得して一括でチェックできるツールです。

Ajaxを使用して情報を取得するので、制限の掛かった開発環境でも使用できます。別ドメインのサイトの情報は取得できません。

使い方

  1. docs フォルダを任意の名前にリネーム後、サーバーにアップしてブラウザでアクセスしてください。sample フォルダは使いません。
  2. テキストエリアにチェックしたいURLを入力してください。改行で複数入力可能です。絶対パス/ルートパス/相対パスで入力できます。(1000件まで入力可能)
  3. 取得したい情報をチェックして check を押します。 初期でチェックされてるのは、個人的によく使うやつです。
  4. 結果が表示されます
    • 赤は要素が存在しない
    • 黄色は存在するけど未設定

デモサイト

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でしか動作確認してません。 ブラウザ幅は広いほうが見やすいです。

### 注意事項

ツールの性質上、サイトに負荷をかけることも可能なので、アクセス制限をかけるなど、注意して使用してください。 このツールを使用して起きた問題に関しては、責任を負いません。

simple-meta-checker's People

Contributors

kandai avatar

Stargazers

Motoki Watanabe avatar 安田 学 avatar matsuoshi avatar

Watchers

James Cloos avatar  avatar guolong avatar

simple-meta-checker's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.