Tips - (2009/02/05 (木) 12:41:51) の編集履歴(バックアップ)
Tips
ここにはStyleEditorを利用する上で知っておくと便利だと思われるTipsを掲載しています。
使っていて発見したTipsになりそうなことなどありましたらどんどん追記していってください。
Tips1
編集モードにおいて、たとえばdiv要素を選択するためにクリックしただけでは似たようなセレクタが指定されているdiv要素も対象になるが、Shift+Clickで選択した場合はその部分のみが選択対象になる。
したがって同じidやclassが指定されていて通常は個別にスタイルを適用できないページにおいてStyleEditorは不可能を可能にしてくれる。
例としては適切ではないが(注参照)、Gmailの本文右に表れるAdsense広告部分のBoxのみを消し去り、本文を表示領域いっぱいに表示させることが可能になる。
(注:現状ではAjaxによる書き換えに対しては無力)
Tips2
あるサイトにおいて、背景画像を変更しようとした場合にStyleEditorではローカルにある画像を参照してそれを適用させることが出来るが、このとき指定した画像はその元画像のある場所へのリンクではなく、user.styleファイルの中へBASE64エンコードされてデータとして格納されている。
したがって、このようにして作成したuser.styleファイルであってもネット上へ公開して同じ画像を適用させることが可能になる。
ただし、元画像はなるべくならファイルサイズの小さなものを利用するようにしないとuser.styleファイルのサイズも大きくなってしまうので注意が必要だ。