2008年5月14日 08:15

safariのweb インスペクタを表示って便利!

つい先日教えてもらって、便利すぎてビックリしたので自分メモ的にエントリー。

Safari 3.1 の新機能のひとつである「開発」メニューの中に「Web インスペクタを表示」ってのが便利なのです。
どう便利なのかってのは、もう色んな方がBlogなどの記事にしているので「safari web インスペクタ」でGoogle先生に聞くといいのです。

というのも何なので、ここを見て初めて「開発」メニューを知った人の為に「開発」メニューの出し方を書いておきます。

1.jpg
「safari」→「環境設定...」を開いて「詳細」の所にある「メニューバーに"開発"メニューを表示」にチェック。

するとメニューバーに「開発」の文字が現れます。
2.jpg

「開発」→「webインスペクタを表示」をクリックで↓(左側)の様なウィンドウが開き、safariで見ているページに使用されているHTMLやCSSや画像なんかが一覧できてとっても便利なのです。
3.jpg
↑のように<div>タグを選ぶと、ブラウザ上でそれがどの範囲に指定されているのかがハイライトされてわかったりします。

なんて便利なんだろー!これを使わない手はないのです(*´ω`)ノ

そんなこんなで、忘れた頃にMacな記事を書くのでした...

トラックバック(0)

このブログ記事を参照しているブログ一覧: safariのweb インスペクタを表示って便利!

このブログ記事に対するトラックバックURL: http://wakiwaki.net/mt/mt-tb.cgi/123

コメントする

iTunes Store

 iTunes Store(Japan) 自動更新バナー

Bookmark

広告

2008年10月

      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

検索

 

About

ちょっとMacなWeblog。for iPhone

あさひな。
管理人:あさひな。
職業:イラストレーター
大分在住です。
お仕事の依頼はまで。
mixi
Pixiv

サイトメニュー

アーカイブ

いろいろ。

www.flickr.com
This is a Flickr badge showing public photos from wakiwaki.net. Make your own badge here.

あわせて読みたいブログパーツ
Powered by Movable Type 4.21-ja