ミワラボ

Safari RSS を Hack してデザインを変える方法

August 4, 2006 3:09 PM

Tweet

Safari RSS を Hack してデザインを変える方法です。

• Mac OS X Leopard（10.5）の場合はこちらをご覧ください。

Safari RSS（Syndication） の初期設定ファイルの「com.apple.Syndication.plist」の中身を覗いてみると、「Theme.UserParam.SafariPrefStyles」というプロパティがあります。
これが Hack のポイントになるのですが、どんな値が入っているか確認してみましょう。

• Safari を終了してから実行してください。

$ defaults read com.apple.Syndication Theme.UserParam.SafariPrefStyles   .unread .author { color: rgb(99.607841%,52.549023%,14.509805%); } .unread .date { color: rgb(99.607841%,52.549023%,14.509805%); }

プロパティには、スタイルシート（CSS）のデータが入っていました。
ということは、この値を変えることで、デザインをカスタマイズ出来ることがわかります。
試しに、サイト名の部分を影付きにする場合はこのようにします。

• 元のデータの後ろに追加しています。

$ defaults write com.apple.Syndication Theme.UserParam.SafariPrefStyles -string '.unread .author { color: rgb(99.607841%,52.549023%,14.509805%); } .unread .date { color: rgb(99.607841%,52.549023%,14.509805%); } #banner #title { text-shadow: 0px 1px 4px #505050; }'

実はこのようにすると、Javascript も実行出来てしまいます（セキュリティホール？）。

$ defaults write com.apple.Syndication Theme.UserParam.SafariPrefStyles -string '</style><script language=JavaScript>alert(1);</script><style type="text/css"> .unread .author { color: rgb(99.607841%,52.549023%,14.509805%); } .unread .date { color: rgb(99.607841%,52.549023%,14.509805%); }'

これを利用して、カスタマイズしてみました。
機能的には、リンクがすべて新規ウィンドウで開くようになったりします。

2006/8/8 追記

• RSSを表示したときに、デフォルトだとフォーカスが検索フィールドにあってスペースキーで読み進めないので、フォーカスを外すようにしてみました。

設定方法は、「Theme.UserParam.SafariPrefStyles」をこのように設定します。（一行です）

$ defaults write com.apple.Syndication Theme.UserParam.SafariPrefStyles -string '</style><script language=JavaScript src="file:///Users/Shared/Library/Application%20Support/SafariRSSHack/Articles.js"></script><style type="text/css">@import url(file:///Users/Shared/Library/Application%20Support/SafariRSSHack/Articles.css);'

SafariRSSHackT.zip

あとは、こちらをダウンロードして、解凍したもの（SafariRSSHack）を、

/Users（ユーザ）/Shared（共有）/Library/Application Support/

この中に入れれば完了です。

• カスタマイズは自己責任でお願いします。不具合が起きても一切保障しません。