safariのweb インスペクタを表示って便利!スター
つい先日教えてもらって、便利すぎてビックリしたので自分メモ的にエントリー。
Safari 3.1 の新機能のひとつである「開発」メニューの中に「Web インスペクタを表示」ってのが便利なのです。
どう便利なのかってのは、もう色んな方がBlogなどの記事にしているので「safari web インスペクタ」でGoogle先生に聞くといいのです。
というのも何なので、ここを見て初めて「開発」メニューを知った人の為に「開発」メニューの出し方を書いておきます。
![]()
「safari」→「環境設定...」を開いて「詳細」の所にある「メニューバーに"開発"メニューを表示」にチェック。
するとメニューバーに「開発」の文字が現れます。

「開発」→「webインスペクタを表示」をクリックで↓(左側)の様なウィンドウが開き、safariで見ているページに使用されているHTMLやCSSや画像なんかが一覧できてとっても便利なのです。
![]()
↑のように<div>タグを選ぶと、ブラウザ上でそれがどの範囲に指定されているのかがハイライトされてわかったりします。
なんて便利なんだろー!これを使わない手はないのです(*´ω`)ノ
そんなこんなで、忘れた頃にMacな記事を書くのでした...





コメントする