2009年12月28日月曜日

Safariの開発ツール

Safariにも、Firefoxのfirebugみたいな開発ツールがあります。
デフォルトでは非表示になっているので、
Safariの環境設定>詳細タブ>パネルの一番下の「メニューバーに"開発"メニューを表示」にチェック!

開発メニューから、Webインスペクタを表示を選択

すると、新しくウィンドウでか、ブラウザの下側にツールが表示されます。

このツールを使って、
・CSSのチェック
・要素のサイズ、マージン、パディング
・Javascriptのデバッグ
・コンテンツの読み込み時間
などをテストできます。

手軽にキャッシュ無効にしたりできるので重宝してます。

0 件のコメント:

コメントを投稿