お寿司か焼き肉食べたい

まじめな事からしょーもない事まで
めにゅーを開く(投げやり)

サイズ指定してなくね?

画像サイズの指定を忘れる事があります。
それをなんかうまいことチェックできないかって事でJSでチェックさせてみることにしました。
width height altのチェック抜けを調べてみましょう。
imgタグのみの対応ってことで。

チェックする内容について

  1. imgタグのsrcの指定有無
  2. imgタグのwidthの指定有無
  3. imgタグのheightの指定有無
  4. imgタグのaltの指定有無
  5. imgタグのwidth heightと実際の画像(srcに記述してある画像)のサイズ比較

エラー表記について

行番号を取るのは骨が折れる作業になりますので、行指定では行っていませんが
検索用として、srcの内容を表示します。
srcの指定がないものについては、そのimgタグに特定のクラスを付与しますので
デベロッパーツールとかで探してください。
また、実際のエラーはconsole.logに表示されます。
IE等では見れませんのでご注意ください。(JSエラー回避もしてません。)
altについては空 (alt="")は許可しています。

設置・確認方法

jsImgChk.jsを対象htmlに読み込ませるだけです。
サイト全体の処理はJSではできません。時間があればPHPとかでやろうかとも思っています。(完全に未定)
っていうか、このサイトが存続する限りは、これコピぺのほうが早いやん(*゚∀゚)

グリモンで普通に動いたので、タグを追加する必要はなくなりました。
やったね!たえちゃん!手間がはぶけるよ!

グリモン。

Greasemonkey FireFoxプラグインです。
chorome版もあった気がします。
作成までの流れは以下

  1. インストール
  2. アドオン→グリモン→ユーザースクリプトの新規作成
  3. 名前は適当に
    名前空間も適当に
    説明も適当に
    実行するページ・実行しないページは任意。指定なしでもいいです
  4. エデイタがでてくるのでjsImgChk.jsの内容をコピペ
    ※たぶん怒られますので、支持に従ってコピペ解除をしてください。
  5. コピペできたら保存。後はサイト閲覧するだけ。
    不要なときはOFFにするとよいです

サンプル

エラーあり デカめの画像35枚
エラーなし デカめの画像35枚