トップ プロジェクト案内 ラボらとリー コミュニティ お問い合わせ


Web制作ツール
 
   html-alizer (えいちてぃーえむえる・あらいざー) ver0.3
  ウェブページ内のHTMLを解析し、リンク、画像、フォーム属性の一覧レポートを表示するJavaScriptです。
 
≪概要≫
  ウェブページ内に含まれる、リンク /画像 /フォーム /フォームパーツ のリストを、自動解析し表示します。
CGIやPHPなどでも、HTMLを利用していれば使えます。
≪利用シーン≫
 
  • ホームページ作成のチェック用、納品書類のドラフトに
  • フォームの属性チェックに
  • イメージタグのalt設定チェックに
  • リンクの設定チェックに
≪設置サンプル≫
  このページにて、解析スクリプトを呼び出しています。このページの最後をご覧下さい

サンプルフォーム
A  B  O AB

yes no



≪ファイル構成≫
  htmlalizer.js (右クリックして、「対象をファイルに保存」して下さい)

≪設置/削除方法≫
 
  1. 当サイトから、htmlalizer.js をダウンロードします。(右クリックして、「対象をファイルに保存」)
  2. 解析したいウェブページと同一の階層に、htmlalizer.js をアップロードします。
  3. 解析したいウェブページのHTMLソースファイルの任意の位置 (例えば末尾、閉じタグ</html> の直前)に、下記のタグを記述します。

    <SCRIPT LANGUAGE="JavaScript" SRC="htmlalizer.js"></SCRIPT>

  4. 解析したいウェブページをブラウザで表示すると、
    ページの最後に、解析レポートが付加されています
  5. レポート表示を解除する場合は、 3で記述したScriptタグを、除去します。

≪動作環境≫
  ・Windows IE5以上 / NN6 以上

≪詳細な情報≫
  バージョン0.3
  • 複数フォーム対応 フォームは、1ページ内に複数あってもOKです。
  • JavaScript検出 下記の有無を調べます。設定がある場合、その属性名を表示します。
    onClick onMouseover onMouseout onChange onKeypress onKeydown onSubmit
≪その他≫
 
  • 著作権等は、GPLに準拠します。
  • 当スクリプトなどの利用による、いかなる損害に対しても、責任は負いません。








(c) 2008 QUEL Project