ブックマークでユーザスタイル

俺ぽーたるの9月26日経由でスタイルシートのON/OFF(IE/Netscape6以上)と、その元ネタのIE/Win ウェブページのCSSを無効にする方法、さらに『三日坊主++の部屋』のスタイルシートの追加と無効化を見て、「製作者スタイルシートを無効化して自分の好きなシートを適用するスクリプト」を作ってみる。……といっても先に挙げたページにあったコードを単に2つ組み合わせただけなのですが。WindowsのIE5.5/6, Mozilla 1.1で動作を確認。

javascript:function userCSS(){var ss=document.styleSheets;for(var i=0; i<ss.length; i++) ss.item(i).disabled=true; var nl=document.createElement('LINK'); nl.rel="Stylesheet"; nl.type="text/css"; nl.href="http://www.kinet.or.jp/kits/tanpen/orange.css"; var oh=document.getElementsByTagName('HEAD').item(0); oh.appendChild(nl);} userCSS();

注: 上記は実際には改行の入らない1行のコードです

例えば、上記コードをコピーしてブラウザのURL入力欄にペーストし、Enterでも押してみれば、今表示されているページがオレンジ色のスタイルに変更されることでしょう。さらにこのコードをURLとして設定したお気に入り(ブックマーク)を「リンク」フォルダ(Mozillaでは「ユーザ設定ツールバー フォルダ」)に入れておけば、簡単な製作者スタイル→ユーザスタイル切り替えボタンとして利用できます。

nl.href="..."のところ(強調部分)が適用されるスタイルシートのURLです。IEでは"file:///〜"(ドライブ文字列なし)とすればローカルのスタイルシートも参照できたのですが、Mozillaでは出来ないようでした。

(2002年10月7日)

北村曉 kits@akatsukinishisu.net