ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/019f1dc66f018f175b2651707a7806e0d0ca82cf/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2010%2F04%2Falert_1.gif)
The WebKit Open Source Project ChromeおよびSafariはWebKitが提供している開発ツール「Web Inspector」をデフォルトの開発ツールまたはベースの開発ツールとして提供している。Surfin’ Safari - Blog Archive ≫ More Web Inspector Updatesにおいて、最近の開発でWebKitのWeb Inspectorに新しく追加されたパネルや、改善された機能がまとめられている。どういった新機能が追加され、またどういった改善が実施されたのかがまとまっていて参考になる。紹介されている新機能および改善機能は次のとおり。 Web Inspectorの既存の機能の改善点 DOMインスペクションにおいて要素をHTMLとして編集する機能「Edit as HTML」を追加。 DOMインスペクションにおいて500を越える
こんにちは、太田です。今回はChrome拡張の開発時のノウハウとして、開発ツールの解説をお送りします。Google ChromeにはWebKit由来のWeb Inspectorというデバッグツールが搭載されています。以前にも少しだけ紹介しましたが、今回は具体的な使い方まで掘り下げて解説します。なお、今回のWeb Inspectorの解説はChrome拡張だけでなく、JavaScriptを使ったウェブアプリケーションの開発に一般的に役立つノウハウとなっています。 WebKitのWeb Inspector Chrome拡張の開発の必需品であるWeb Inspectorですが、こちらは元々WebKit(Safari)で開発されたもので、Google Chrome(Chromium)に搭載されているものはさらに機能が追加されています。FirefoxにはFirebugという定番ツールがありますが、そ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く