Stylishがどのようにして再起動なしでCSSを適用しているか調べてみた - きれいさっぱり、逝くぜ！

Firefoxの拡張であるStylishを使用すると、再起動なしでスタイルシートを適用してWebページだけでなくFirefoxのインターフェースも変更することが出来る。 この動作がわかれば、Foxdieのようなサブスキンを内蔵したテーマで、再起動なしにサブスキンを試すことが出きると考え、その動作の仕組みを探ってみた。 とりあえず、タブの高さを40pxにするスタイルをStylishに書く。 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); tab.tabbrowser-tab { height: 40px; } DOM Inspectorで調べると「プレビュー(W)」ボタンは「chrome://stylish/content/edit.js」の「doPreview関数」を呼び出している

[mooz]

loadAndRegisterSheet には "data:text/css,ほにゃらら" みたいなものも指定可能らしい。

[hisasann]

DOM Inspectorを使ってスタイルがかかっている場所を調べる

[ku0522]

[via:brazil]

[emosei]

よくわからんけど、後で読む

[teramako]

そうそう、vimperatorのプラグイン http://coderepos.org/share/browser/lang/javascript/vimperator-plugins/trunk/stylechanger.js で実装したけど意外と簡単なんだよね。

[hiro-rock]

userContents.cssの読み込み

[youpy]

nsIStyleSheetService loadAndRegisterSheet() CSS 適用