Safari3の新機能

December 4, 2007 | Apple&Mac,tool | Post by Hiroyuki Morimoto

普段基本的にFireFoxをメインブラウザとして使用していたのですが
最近はSafariをメインブラウザへと移行しました。

描画速度がFirefoxと比べて格段に速いことと、「要素の詳細表示」機能の搭載でしょうか。
Leopardにして数日間は気づかなかったのですが、（まぁFirefoxばっかでしたしね）
とあるサイトのソースが気になって閲覧しようとしたときに、コンテキストメニューを表示させた所
見慣れない項目があるので、なんだろうとその時始めてきづきました。
（コンテキストメニューは、ページ内でControl+マウスをクリック）

しかし、PowerBookでみると、その項目がどこにも見当たらないわけですよ
調べたところ、どうやらSafari標準の機能ではなくDebugモードのみの機能のようです。
Debugモードの仕方は

ターミナルを起動し以下をコピペで入力してください。
defaults write com.apple.Safari IncludeDebugMenu -bool true
OFFにする場合は
defaults write com.apple.Safari IncludeDebugMenu -bool false

※SafariのDebugモードに関しては自己責任の元行ってください。
何か不具合が起きましても、当方では一切責任は持ちませんので。

この「要素の表示」で見れる内容というのは
HTMLソース以外に、そのサイトのJavascript、CSS、画像等の閲覧及びに
HTMLソースを選択した部分を実際のブラウザ画面でハイライト表示等も行ってくれかなりべんりだったりします。
（Firebugや、CSSEditなどに搭載されているDOM Inspectorや、X-rayのような感じで表示してくれます。）

これが便利すぎて、例えば色々な海外サイトを回ってる時などに
ちょっとした小技（AjaxだったりCSSだったり）が、気になった時にサイトのソースをみて
CSSをたどって等をしなくても、これを使って要素を選択すれば右サイドにその要素に関連する
CSSの指定などが表示されますので、素早く知ることができてとても重宝しています。

MacユーザーでWebクリエーターの方等は重宝する便利な機能なのでこれは嬉しい進化。
その他にもタブの入れ変えや、新規Windowを既存のWindowに収納などタブ機能などの強化もありますが
個人的には、それほど重宝する機能ではないので省略。