Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
28. XdebugとWinCacheGrindを使って、パフォーマンス測定を行おう
Xdebugは、PHPにデバッグ機能を実装するためのモジュールです。もともとPHPに は言語レベルでのデバッグ機能やプロファイラーが用意されておらず、モジュー ルをインストールする必要がありました。PHPでこの機能を実現するためのモ ジュールとして、以下のようなものがあります。 Xdebug （http://xdebug.org/） DBG（http://dd.cron.ru/） Advanced PHP Debugger（http://pecl.php.net/package/apd） 今回はプロファイラーも内蔵し、最新版であるPHP 5.1にも対応したXdebugエク ステンションを使って、プロファイルを行う方法を説明します。 Xdebugのインストール Xdebugは、以下のとおりインストールします。 １．モジュールの作成 XdebugはPECLの１つなので、Unixシステムの場合は
ウェブ開発者向けGoogle Chrome機能拡張10種 - ネタフル
10 Essential Chrome Extensions for Web Developersというエントリーで、ウェブデベロッパー向けのGoogle Chrome機能拡張が10種類まとめられていました。 Google Chrome機能拡張は、ウェブブラウザ自体を再起動せずにインストールできるのが便利ですね。 ウェブ開発者に人気のFirefoxアドオン10とあわせて参考にして頂けたら嬉しいです。 1. Firebug Lite ウェブデベロッパー向けのツールで、CSS、HTML、JavaScriptを編集、デバッグ、モニタすることができる。 2. IE Tab Internet Explorerの表示をGoogle Chromeのタブで再現。 3. Eye Dropper カラーピッカー。 4. Chrome SEO 各検索エンジンでのインデックス数、バックリンク、トラフィック、ページ
Webのバグを燃やしまくるFirebugと、そのアドオン7選
Webのバグを燃やしまくるFirebugと、そのアドオン7選：ユカイ、ツーカイ、カイハツ環境！（10）（1/3 ページ） 高度化するWebのデバッグに悩む人、必見！ 近年、Google Chrome、Firefox、Safari、Opera、Internet Explorer（以下、IE）がJavaScriptの実行速度の最速の座を争っていますが、それに伴いJavaScriptによるフレームワークやコンポーネントが多数出現し、Webブラウザのユーザビリティは飛躍的に向上してきました。 一方で、開発者／デザイナにとっては複雑化するWebアプリケーションのデバッグが悩みの種となってきています。そんなときにお勧めなのが、Firefox上で動作するアドオン「Firebug」です。これを利用すれば、デバッグがかなり効率的に行えます。 本稿では、Firefoxのアドオンとして利用するFirebugと、
CSSデバッギングツール１０選:phpspot開発日誌
Man with no blog : CSS Debugging Tools - Gary Barber Seems lately that we are now starting to get a good spread of CSS and JavaScript (DOM Scripting) debugging tools available. CSSデバッギングツール１０選。 便利な各種ブラウザ用CSSデバッギングツールがまとまっていました。 XRay - ブックマークレット登録後、ページ内をクリックで情報を表示 YSlow - 先日Yahoo!がリリースしたパフォーマンス測定＆アドバイスツール (for Firefox) Dust-Me Selectors - 不要なCSSを調査して表示してくれるFirefox拡張 Web Developer - おなじみ、CSS用に便利機能を提
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
