画像サイズ指定チェックブックマークレット akazah Follow 2012-05-29 16:17:19 License: MIT License Fork0 Fav0 View223 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 0 lines HTML 10 lines CSS 2 lines オリジナルの画像と違うwidth/heightを指定されている画像を強調表示する。 ブックマークレットとして利用可能。 Firefoxにて動作。 画像サイズ指定チェックブックマークレット <p>オリジナルの画像サイズと違うwidth・height指定をされている画像を強調</p> <p><a href="javascript:(function(){o = document.getElementsByTagName('img');for (var i=0;i<o.length;i++){if(o[i].width!=o[i].naturalWidth){o[i].style.border='red 10px dotted';}if(o[i].hight!=o[i].naturalHight){o[i].style.border='red 10px dotted';}}})();">bookmarklet</a> </p> <img src="http://jsrun.it/assets/c/e/p/F/cepFs.png" /> <img src="http://jsrun.it/assets/c/e/p/F/cepFs.png" width="64" height="64" /> <img src="http://jsrun.it/assets/c/e/p/F/cepFs.png" style="width:64px;height:64px;" /> <img src="http://jsrun.it/assets/c/e/p/F/cepFs.png" width="10" height="50" /> <img src="http://jsrun.it/assets/c/e/p/F/cepFs.png" style="width:63px;height:64px;" /> 画像サイズ指定チェックブックマークレット body { background-color: #DDDDDD; font: 10px sans-serif; } a{font-size:13px;} オリジナルの画像と違うwidth/heightを指定されている画像を強調表示する。 ブックマークレットとして利用可能。 Firefoxにて動作。 <p>オリジナルの画像サイズと違うwidth・height指定をされている画像を強調</p> <p><a href="javascript:(function(){o = document.getElementsByTagName('img');for (var i=0;i<o.length;i++){if(o[i].width!=o[i].naturalWidth){o[i].style.border='red 10px dotted';}if(o[i].hight!=o[i].naturalHight){o[i].style.border='red 10px dotted';}}})();">bookmarklet</a> </p> <img src="http://jsrun.it/assets/c/e/p/F/cepFs.png" /> <img src="http://jsrun.it/assets/c/e/p/F/cepFs.png" width="64" height="64" /> <img src="http://jsrun.it/assets/c/e/p/F/cepFs.png" style="width:64px;height:64px;" /> <img src="http://jsrun.it/assets/c/e/p/F/cepFs.png" width="10" height="50" /> <img src="http://jsrun.it/assets/c/e/p/F/cepFs.png" style="width:63px;height:64px;" /> body { background-color: #DDDDDD; font: 10px sans-serif; } a{font-size:13px;} use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description どんなゲームですか？ オリジナルの画像と違うwidth/heightを指定されている画像を強調表示する。 ブックマークレットとして利用可能。 Firefoxにて動作。 Control Device スマートフォンコントローラー jsdo.it WebSocket Controller» マウス キーボード sssssss タッチデバイス Fullscreen 有効 無効 jsdo.it games から削除する Submit Author akazah URLhttp://about.me/akazah Tweet Default Panel Auto play Screenshot Readme JavaScript HTML CSS Size Width: px Height: px code <script type="text/javascript" src="http://jsdo.it/blogparts/vApT/js"></script> 実行画面をスマートフォンで確認できます。 お父さん QR - App Store bookmarklet css html5_elements&api javascript library&test Tweet twitter Discussion このコードについて質問・コメントをしてみませんか？ Tags bookmarklet css html5_elements&api javascript library&test