LogJET

CSS + XHTML & Tool Airport

CSSを無効化するブックマークレット

あえてマイナスにベクトルを向けたブックマークレットです。

  • CSS無効化 (クリックするとこのページのスタイルが無効になります)

より快適なCSS無効化ブックマークレットを公開しました。

ユーザーにリッチな体験を提供するCSSではありますが、使い方を誤ると可読性を著しく落とすのも事実です。例えば文字が小さすぎて読めないとか、文字色と背景色が近すぎて目がチカチカするとか、レイアウトが崩れてテキストが隠れているとか。

ユーザースタイルシートGreasemonkeyなどを使ってある程度はカバーできますが、検索で訪れたサイト等ではどんなスタイルが待ち受けているか分かりません。特にレイアウト崩れは避けづらいです。

というわけで、ブックマークレットを使ってピンポイントでスタイルを無効にしてしまおうという魂胆です。
いちおうlink要素から参照している外部スタイルシートとhead要素内のstyle要素内の記述を無効化できます。インラインで書かれたスタイルは無効化できません(可能なんですが全要素に対して処理することになるので重くなると思って対応させていません)

といいつつ、link要素に関しては含まれるであろう文字列「css」「CSS」「text/css」を判断して処理しているので、PHPとかでCSS吐き出している場合(type属性がなくてスタイルシートのファイル名に拡張子がない場合)などでは無効化できません。

拙いブックマークレットですが、気が向いたら使ってやってください。(右クリックからお気に入りに登録してください)

対応ブラウザは割と新し目のブラウザです。むしろ古いブラウザ(NN4やIE4)用の方が需要があるんだろうなーとは思います。


Trackbacks
このエントリーのトラックバックURL
http://www.fsiki.com/m.new/t.cgi/419

Comments

このcssを無効化した状態をcookieを使って保存することは可能ですか?

from keisuke : 2007-09-11 21:44

keisukeさん、コメントありがとうございます
「CSSを無効にした」という情報をクッキーに保存することは可能ですが、ページを移動した際に自動的にCSSを無効にすることはできません。

ページ表示時に自動でJavaScriptを実行できるFirefoxのGreasemonkeyなどを使用すれば可能だと思います(Greasemonkey用のスクリプトが必要ですが)。

from Fsiki : 2007-09-25 19:32



Copyright © 2005-2006 - Fsiki