safariのプラグイン ～Web製作のための～

コーディング作業をする時に使うFirefoxのアドオン「Html Validator」や「Web Developer」など。えらく便利で作業効率が上がりますが、SafariにだってFirefoxのような便利拡張があります。

今回はそんなWeb製作に役立つプラグインたちを集めてみました。

Safari Tidy

http://www.zappatic.net/
・最新バージョン： v0.2.6
・タイプ： SIMBLもの
・FireFoxのアドオンでいうところの： Html Validator

インストールするとステータスバーの右端バリデート結果が表示されるようになります。
コレはFirefoxのソレとほとんど同じです。

WebDevAdditions

ダウンロードURL
・最新バージョン： v1.0
・タイプ： SIMBLもの
・FireFoxのアドオンでいうところの： Web Developer

主な機能はCSSの抽出・各要素の表示/非表示・各構造のアウトライン表示などなど。
コーディング時に重宝します。環境によって挙動が不安定なのがタマにキズ…

Xyle scope

http://www.culturedcode.com/xyle/index.html
・最新バージョン： v1.2.4
・タイプ： 単体アプリ
・FireFoxのアドオンでいうところの： FireBug?

コレはプラグインではないですが、とっても有用なのでついでにご紹介。
画面を確認しながらHTMLとCSSの解析・編集が可能。修正した結果はリアルタイムに画面に反映されるというスグレモノです。

Drosera

http://webkit.org/
・最新バージョン： v2.2
・タイプ： SIMBLもの
・FireFoxのアドオンでいうところの： FireBug?

使いやすいJavaScriptデバッガです。WebKitにパッケージされています。

Safari View Selection Source Plugin

ダウンロードURL
・最新バージョン： v1.0
・タイプ： コンテキストメニューもの
・FireFoxのアドオンでいうところの： 「選択した部分のソースを表示」

選択した箇所周辺のソースを表示してくれます。コンテキストメニューから使えます。
インストール先は「/ライブラリ/Contextual Menu Items/」になります。

C-brains nagai