読者です 読者をやめる 読者になる 読者になる

2016/07/08 JavaScriptのonloadは画像を読み込み切ってから行われる ほか

パーフェクトJavaScriptより、

JavaScriptのonloadは画像が読み込まれてから実行されるので、実行時間を短縮したい場合はDOMContentLoadedを使う。
DOMContentLoadedはHTMLの解析が終わったタイミングで発火するイベント。addEventListenerすればおk

なお、DOMContentLoadedはIE8では発火しない。これの回避策としてDOMツリーの構築中はdoScrollメソッドが例外になることを利用する。

オブジェクトの解析に便利な console.dir()

引数に渡されたオブジェクトを見やすくダンプしてくれる。console.dirxml()は、DOM要素をhtmlとして表示してくれる。

スタックトレースを表示する console.trace()

呼び出し元の経路が全て分かって便利だよ。

console.time() => console.timeEnd()

実行時間を計ろう。

行が何度実行されたか分かる console.count()

しこもう。
console.profile() => console.profileEnd() はもっと詳しく表示してくれるよ。

JavaScriptMSIEを判別する

navigator.userAgent.indexOf('MSIE') > 0

ユーザーエージェント取るとNetScapeとかいう文字列出てくる理由

互換性です。