LogJET

CSS + XHTML & Tool Airport

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

CSSを無効化するブックマークレットを更に改造してみました。

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

右クリックからお気に入りに登録してください。
今回のブックマークレットはCSSの無効、有効を切り替えることができます。

このブックマークレットについて

先日、うちのアクセスログ見てたら2ちゃんねるSafariスレからアクセスがあったので、何だろ?と思って見てみたら、CSSを無効にするブックマークレットでアクセスがありました。
その時、同時に紹介されていたリンク先のPimp My Safariというサイトで、CSSのオン、オフを切り替えるブックマークレット「Toggle linked CSS」が公開されていたのですが、どうもFirefoxやIEでうまく動かない。trueというページが返ってきてしまう。

ブックマークレットでは値を返すことができないというのが仕様なのですが、Safariは値が返せるようですね。

で、私が公開したCSS無効化ブックマークレットはそういう理由から(半ば諦めで)オフにする機能だけ付いていたんですけど、よく考えればDOMを操作して値返さずに、HTML中に任意の値を埋め込めばそれを判別してCSSのオン、オフが切り替えられるんじゃないかと思い立ち、シコシコとブックマークレットを書いてみたらできたわけです。

無効化できる範囲は前回同様link要素から参照する外部CSSとstyle要素内のCSSです。

このスクリプトが何を行っているかというと、head要素に対してidを与えて、その値を判別してCSSのオン、オフを切り替えています。

CSS無効にしてから、もう一度ブックマークレットをクリックすると元の状態に復帰できるので、前回よりいい感じになったと思います。

では。

メモ
ブックマークレットでも関数が定義できる
IEは508文字以内


Trackbacks
このエントリーのトラックバックURL
http://www.fsiki.com/m.new/t.cgi/422
ブライトリング from ブライトリング
この作品の全ての単語が非常にはっきりしているし、このトピックのためのあなたの情熱が輝いています。この分野での作業を続けてくださいと私は将来的にあなたからよ...

2013-06-17 11:08

オークリー サングラス from オークリー サングラス
こんにちは。とても素敵なサイト!ガイ..優秀な..素晴らしい..私はあなたのウェブサイトをブックマークしてもフィードがかかります...私はポストにここにそ...

2013-06-17 11:09

ティファニー ネックレス from ティファニー ネックレス
すげえねえ。 テーマの種類を使っていますか?私はそれがあまりにも私のブログで使用したい。

2013-06-17 11:09

レイバン サングラス from レイバン サングラス
後すぐにあなたのウェブサイト内のブログの記事の数だけを調べて、私は実際にあなたのブログの方法のように。私は私のブックマークのウェブサイトレコードにブックマ...

2013-06-17 11:09

adidas スニーカー from adidas スニーカー
こんにちは。とても素敵なサイト!ガイ..優秀な..素晴らしい..私はあなたのウェブサイトをブックマークしてもフィードがかかります...私はポストにここにそ...

2013-06-17 11:09

プラダ バッグ from プラダ バッグ
このウェブサイトには、本当にウォークスルーこれについて思ったのすべての情報のためであり、誰が頼むのか分からなかった。ここに垣間見る、とあなたは間違いなくそ...

2013-06-17 11:09

citizen from citizen
やあ。非常にクールなウェブサイト!マン..優秀な..驚くべき..私はあなたのウェブサイトをブックマークしてもフィードがかかります...私は、ポストにここに...

2013-06-17 11:09

オークリー サングラス from オークリー サングラス
他の素敵なポストをありがとう。どこで、誰が書いているような理想的なアプローチで情報のようなものを得ることができる?私は、プレゼンテーション、その後の週を持...

2013-06-17 11:09

コーチ メンズ from コーチ メンズ
私はここでほとんどの人々と異なり、私は私が終わるまで、私はそれが私が探していたものだけではなかったにも関わらず、止めることができなかったこのブログの記事を...

2013-06-17 11:10

セイコー 腕時計 from セイコー 腕時計
このウェブサイトには、本当にウォークスルーこれについて思ったのすべての情報のためであり、誰が頼むのか分からなかった。ここに垣間見る、とあなたは間違いなくそ...

2013-06-17 11:10


Comments

CSS解説のサイトや、初心者向けサイトを分析し、日々スタイルシートの学習に励んでいます!
http://www.studycss.net/

このCSSサイトは結構良かったです。

from CSS 初心者 : 2008-05-28 10:05

見づらいウェブサイトが多いので、
スタイルシートの無効化は大変有難いです。

from ぬるぽ : 2011-04-04 16:14

前のバージョンが欲しいです。
長すぎて使えません。。。。。

from Anonymous : 2011-05-02 5:05



Copyright © 2005-2006 - Fsiki