「Safari 3.1」の「Webインスペクタ」機能でHTML+CSS構造をチェック
「Safari 3.1」に搭載された「Webインスペクタ」という機能があります。ちゃんと見たことがなかったのですが、HTML+CSS構造をチェックできて面白いですね。
Three Powerful Safari Features That Few People Useというエントリーで紹介されていたので、改めて見てみました。
The functionality is similar to the Firebug extension for Firefox, and gives you all sorts of information that’s helpful during web development and design.
Firefoxの「Firebug」機能拡張に似た機能で、ウェブ開発やデザインの助けになるような情報を提供してくれる、とあります。
開発メニューからアクセスします。
開いた後、HTMLの階層構造をクリックすると‥‥
対応してCSSが表示されます。さらにウェブブラウザの方では‥‥
該当箇所が反転します。
知らないサイトを見た時に「どんな構造になっているのかな」というのを、簡単に調べることができそうです。
他にも、
使用されている画像を表示したり、
利用しているスクリプトも表示可能です。
転送量や転送時間を表示することも可能でした。
試しにネタフルを見てみると、自分でも驚きがあったりして。「Safari 3.1」を使っている方は、ぜひ自分が関係しているサイトを見てみてください。
関連記事
同じカテゴリ（ソフトウェア（Mac））の記事を読むトップページに戻る
トラックバック URL
内容への言及のないもの等は削除する場合があります。
スパム判定ですぐに反映されない場合があります。
23274
IT、ニンテンドーDS、Wii、デジカメ、Mac、PC、ブログ、ライフハック、お笑い、アイドル、サッカー、育児、音楽、映画など様々なジャンルについて書いているブログです。
ジョブボード（求人情報）
ネタフルで人気の記事
|
|
| generated by レビュー・ポスター |
ネタフルとは
IT、ニンテンドーDS、Wii、デジカメ、Mac、PC、ブログ、ライフハック、お笑い、アイドル、サッカー、育児、音楽、映画など様々なジャンルについて書いているブログです。ネタフルの経験をもとに「クチコミの技術」というブログマーケティングの本を執筆しました。
メールマガジン
コメント
コメント欄実験中につき閉鎖する場合もあります。また必ず返信できるとも限りませんので予めご了承ください。