こんにちは、 太田です。今回はChrome拡張の開発時のノウハウとして、 開発ツールの解説をお送りします。Google ChromeにはWebKit由来のWeb Inspectorというデバッグツールが搭載されています。以前にも少しだけ紹介しましたが、 今回は具体的な使い方まで ...

Google ChromeでデバッグをおこなうWebデベロッパに朗報だ。Chromeの開発者向けツールに、待望のJavaScriptのフル機能デバッガ「Scripts」とサンプルベースの「Profile」が実装された。Devチャンネル(開発版)限定の同機能だが、なにはともあれ一足お先にその新機能を ...

Profilesタブでは、Firebugの「コンソール」パネルの"プロファイル"に近い機能が用意されている。プロファイルの開始ボタンをクリックし、Webブラウザで各種操作をおこなってプロファイルの終了ボタンをクリッックすることで、詳細なプロファイルを得る ...

こんにちは、 太田です。前回に引き続いてGoogle Chromeのデベロッパーツールの使い方を紹介しつつ、 今回は特にJavaScriptのデバッグ方法について解説していきます。 デベロッパーツールのショートカット まずはデベロッパーツールのショートカットキーの ...

このあたりについては、今後の記事でさらに詳細に言及するつもりだが、いまのところはChromeがWeb開発者をアシストするツールをいくつか搭載している点を指摘するだけにとどめる。 また初心者向けとして、Chromeは次のようなフルJavaScriptコンソールを含ん ...