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

Anonymous Function

tmaesaka の lifelog | カルチャー、ときどきテクノロジー

Web Inspector を Inspect する

誰も幸せになれない、非常にどうでも良い話ですが、ネタとして書き留めておく。

web-inspector

Web Inspector のコードはほとんど HTML, CSS, そして JavaScript で構成されているので、それを Inspect できることはさほど不思議なことではない。再現方法は Web Inspector を新しいウィンドウで開き、そこからさらに Web Inspector を立ち上げるだけ。

あるいは、そんな回りくどいことをせずに、Web Inspector の HTML ファイルをブラウザで直接開くという手もある。単純に Chrome を下記に向けるだけで良い (注: Chrome Version 31.0.1650.63 時点の話)。

chrome-devtools://devtools/bundled/devtools.html

すでに知っている人には馬の耳に念仏かと思いますが、そうでなければ Web Inspector をより身近な存在に感じるようになったのではないでしょうか。

冬休みに Web Inspector の開発に横槍をいれるなど、魔改造したいと思う人は一度、WebKit の開発者向けドキュメントに目を通すと、冒頭の幸せになれないという発言を覆してくれるかもしれない (Blink 界隈はよくわからん)。

http://trac.webkit.org/wiki/HackingWebInspector https://trac.webkit.org/browser/trunk/Source/WebInspectorUI/