サイズ指定してなくね?
画像サイズの指定を忘れる事があります。
それをなんかうまいことチェックできないかって事でJSでチェックさせてみることにしました。
width height altのチェック抜けを調べてみましょう。
imgタグのみの対応ってことで。
チェックする内容について
- imgタグのsrcの指定有無
- imgタグのwidthの指定有無
- imgタグのheightの指定有無
- imgタグのaltの指定有無
- imgタグのwidth heightと実際の画像(srcに記述してある画像)のサイズ比較
エラー表記について
行番号を取るのは骨が折れる作業になりますので、行指定では行っていませんが
検索用として、srcの内容を表示します。
srcの指定がないものについては、そのimgタグに特定のクラスを付与しますので
デベロッパーツールとかで探してください。
また、実際のエラーはconsole.logに表示されます。
IE等では見れませんのでご注意ください。(JSエラー回避もしてません。)
altについては空 (alt="")は許可しています。
設置・確認方法
jsImgChk.jsを対象htmlに読み込ませるだけです。
サイト全体の処理はJSではできません。時間があればPHPとかでやろうかとも思っています。(完全に未定)
っていうか、このサイトが存続する限りは、これコピぺのほうが早いやん(*゚∀゚)
グリモンで普通に動いたので、タグを追加する必要はなくなりました。
やったね!たえちゃん!手間がはぶけるよ!
グリモン。
Greasemonkey FireFoxプラグインです。
chorome版もあった気がします。
作成までの流れは以下
- インストール
- アドオン→グリモン→ユーザースクリプトの新規作成
-
名前は適当に
名前空間も適当に
説明も適当に
実行するページ・実行しないページは任意。指定なしでもいいです -
エデイタがでてくるのでjsImgChk.jsの内容をコピペ
※たぶん怒られますので、支持に従ってコピペ解除をしてください。 -
コピペできたら保存。後はサイト閲覧するだけ。
不要なときはOFFにするとよいです