すでに鮮度が落ちてしまった感がある Safari 3 を試してみました。
とはいえ、Safari そのものにあまり関心はなく、付随する Web inspector がどんなものか試してみたかったのです。Windows 版にはまだ存在しないようですが、下記のようなコマンドをターミナルで入力して Safari 3 を再起動すると、右クリックメニューに「Inspect Element」という項目が出るようになります。
defaults write com.apple.Safari WebKitDeveloperExtras -bool true
設定についての詳細は「これが 『Safari 3』の新機能だ!! (その3)」の記事を参照。ざっくりとして所感ですが、まだ実用的な状態ではないなという感じでした。ウェブ制作という視点でみると、inspectしている対象がどんなプロパティをもっているかという情報だけではあまり役に立たない。どこのCSSのどの指定がプロパティに影響を与えているのかがわかってはじめて役に立つ。
SafariはWebkitというオープンソースのブラウザをベースに作成されています。Webkitは最新（Nightly）のビルドを出していて、Safari 3の先をかいま見ることができます。すでに試している人（Safari/WebKit has a new Web Inspector）が記事があって（そもそもそれを見たあとにエントリーを書いているのだが）、それをみて私も試してみました。
うーむ、かなり強力になっている。見た目のみやすさもポイントが高いですが、inspectしているプロパティとともに、プロパティが参照しているCSSも併記されている。これでデザインが崩れたときに、どこをどう直せば良いのかの情報が一通りそろった感じです。うむ。
ただ、inspectしている要素にその場でCSSやHTMLを追加することはできない。inspectするだけ。この点で、Firebugや、IE Developerと比べると機能的にはちょっと見劣りする（HTMLとCSSの作成という観点において）。たとえば、「タグをひとつ閉じ忘れたけど、HTMLが複雑でどこに閉じタグを追加して良いかわからない」といったときに、その場でHTMLが挿入できるFirebugは相当に重宝する。ローカルに保存したりして試すこともできるけれど、ダイナミックにできるほうがイライラは少なくてスピーディ。
でもでも、前述のとおり、CSSを修正するための情報は一通りそろってきつつあります。そんな Safari 3 / Webkit に敬礼したいと思います。グッジョブ！
コメントする