7cc@はてなブログ

JavaScriptとかとか

IE9 開発者ツールの不具合 / デバッグ時の注意点

環境は全てIE9。10+では不明

IE9

console

開発者ツールを開いていないと、そこで止まる

location.hash

ローカルファイルだと、戻る/進むでロケーションバーに表示されなくなる。実際にはある。

非ascii文字のID + エンコードされたページ内リンク の :target

開発者ツールを開いていると、有効になる

<style>
:target{color: red}
</style>

<a href="#%E3%81%82"></a>
<p id="あ"></p>

HTML5ではIDに使える文字に制限が無くなったので上のHTMLはvalid

IE8以下

Date.now()

ドキュメントモードをIE8以下にしても使えてしまう

透過png + アニメーションの再現ができない

IE8と透過pngとJavascriptで泣いた話 | くろひつじのメモ帳

不可視要素のfocus/blurでエラーが出ない

実際はエラー
#1486 (Triggering focus to hidden elements does not work in IE) – jQuery Core - Bug Tracker

Quirksモード

document.documentElement.style.maxHeightがundefinedではない

が文字("")を返す。
実際には、CSS max/min-height/widthは適用されない。

IE8の開発者ツール

オマケ。未確認。