朝顔日記

Firefox 拡張機能 DisableStyle 1.0.1 リリース にて、欲を言へば「ToggleStyle」だと良いのになあ とのことですが、私の実力ではなかなか難しいですねぇ。誰か作ってください。それを見て私が勉強しますので。:p) と書いたところ、海馬日記 - ToggleStyle出來た にて作ってくださったので、一応こちらでアップしておきましょう。ありがとうございます。＞ もりやまひろしさん

何をする拡張機能かと言うと、脊髄反射的にページの制作者スタイルを有効にしたり無効にしたりする拡張機能で、Firefox 本体の表示メニューに装備されているものと変わりません。深いメニューなんて辿っていられないよという短気な方（？）はどうぞ。インストール後ツールバーのカスタマイズより CSS と書かれたアイコンをツールバーの適当な位置に配置すれば使えます。

海馬日記さんところの DisableStyle の改造版との違いは、名前が違うことと（ぉ、アイコンを新しくしたことだけです。:p)

なお、DisableStyle とは別の拡張機能（em:id が異なります）なので、DisableStyle をお使いの方は、アンインストールの上ご利用ください。

• インストール ToggleStyle10.xpi (約6KB require Fierfox 1.5 - 3.0a1)

実のところチェックボックス方式にして、オンオフの状態がわかるようにしようと一応がんばってみたんですが、タブを切り替えたときにそのタブごとに状態を書き換えるやり方がわからなかったので挫折しました。一応、その残骸の styletoggle.xul を書いておきましょう。

<?xml version="1.0" encoding="UTF-8"?>
<overlay xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<script language="JavaScript">
function StyleToggle(element){
    var eablestyle = false;
    if(element.getAttribute("checked")) {
        eablestyle = true;
    }
    setStyleDisabled(eablestyle);
}
    </script>
  <toolbarpalette id="BrowserToolbarPalette">
    <toolbaritem id="StyleToggle-Checkbox">
      <checkbox onclick="StyleToggle(this);" id="styletoggle" label="CSS" checked="true"/>
    </toolbaritem>
  </toolbarpalette>
</overlay>

タブブラウザじゃなかったら、これでいけるみたいなんですが。:p)

誰か、タブブラウザ対応に書き直してください。（またか

えむもじらさんとこの恒例企画、Firefox 2 にインストールする3個の拡張機能募集 - えむもじら に答えてみます。

しかしながら、3つに限定するのはかなり苦しい。しかも以前書いた Re: Firefox 1.5 にインストールするたった3個の拡張機能 と同じでは芸がない。そこで最近のマイブーム成分(何)も加味して選んでみましょう。

1. userChrome.js
2. Stylish
3. DOM Inspector

userChrome.js があれば他の拡張機能がなくても、スクリプトを書くことで何とかなるメタ拡張機能とも言うべきスーパーな拡張機能です。私がメインに使っている、Firefox 3 を目指す trunk なナイトリーのプロファイルには、userChrome.js 用のスクリプトが今しがたざっと数えてみたところ、20個近くありました。これは拡張機能20個分に相当します。なんかインチキみたいなもんですね。:p)

似たような機能を持つ拡張機能としては、JSActions なんかがあります。こちらも愛用しているんですが。ちなみに JSActions 用のスクリプトは 40個以上登録しているようです。（ぉ

2番目の Stylish ですが、これがあればページスタイルのみならず、Firefox 自体の UI の変更も容易になります。Stylish がなくとも、Firefox 標準装備の userContent.css と userChrome.css のカスタマイズで同様のことができるのですが、目的達成までの効率が全然違います。ちなみに、現在 Stylish に登録していて有効にしているスタイルは、30個くらいでしょうか。一般的には結構人気の Adblock Plus なんかはまったく必要を感じませんね。一応広告消し用のスタイルも登録していますが、そもそも広告がさほど気にならないというのもあると思いますが。

最後の DOM Inspector ですが、これは userChrome.js と Stylish を使うための補助です。:p)

まぁ、実際は3つばかりではなくもっとたくさんの拡張機能を使っているので、それら列記しておきましょう。ちなみに、MR Tech Local Install の機能でこのリストを作成しています。

• All-in-One Gestures 0.18.0
• Bookmark Backup 0.4.1
• ColorZilla 0.8.3.1
• DOM Inspector 1.9a1
• Gmail Manager 0.5.3
• JavaScript Actions 2.2.0.2006051101
• Link Widgets 1.5
• MeasureIt 0.3.5
• MR Tech Local Install 5.3.1.1
• Palette Grabber 0.3.0
• PrefButtons 0.3.4
• Professor X 0.4
• Save Session 1.0
• sqlitereader 0.1
• Stylish 0.4
• Talkback 3.0a1
• userChrome.js 0.7
• Web Developer 日本語版 1.0.2
• X-Ray 0.8
• XPath Checker 0.4.1
• XUL/Migemo [Forked Edition] 0.3.11

関連リンク

朝顔日記 - Re: Firefox 1.5 にインストールするたった3個の拡張機能

朝顔日記 - Firefox の拡張機能、userChrome.js の私の使い方

朝顔日記 - Stylish いいよ

以前、習作ということで脊髄反射的にページの制作者スタイルを無効にするための Firefox の拡張機能 DisableStyle というのを作って、すでに忘却の彼方だったのですが、使っている人がいたことに、吃驚（びっくり）しました。（ぉ

ということで、3.0a1 まで対応させた DisableStyle 1.0.1 をリリースします。といっても内容は install.rdf の書き換えと使っているアイコンの微修正くらいですが。一応、3.0a1 でも動作確認はしていますので、trunk ユーザの方もご利用ください。

• インストール DisableStyle101.xpi (約4KB require Fierfox 1.5 - 3.0a1)

欲を言へば「ToggleStyle」だと良いのになあ とのことですが、私の実力ではなかなか難しいですねぇ。誰か作ってください。それを見て私が勉強しますので。:p)

先日書いた、Firefox 1.5 から 2.0 へ移行した際に役に立つかもしれない設定とか は結構評判がよかったのですが、その反応を見ると意外と about:config の使い方を知らない人が多いようなので、about:config の使い方を例によって Wink という画面キャプチャを動画にして解説するソフトを使って、Flash ムービーにしてみました。

今回は、Firefox 2.0 で実装された検索結果を新規タブで開くというのをやってみたいと思います。コレを実現するには、about:config を使って browser.search.openintab を true にセットしてやるだけでいいのですが、それをやってみましょう。

では、以下のリンクよりどうぞ。

• about:config を使って検索結果を新規タブに

途中、about:config が about:conflg に見える箇所がありますが、キニシナイでください。見えるだけです。:p)

Firefox 2.0 がリリースされた頃からだったと記憶しているのですが、Firefox Add-ons | Mozilla Corporation、いわゆる AMO のサイトデザインが変更になりました。まぁそれはいいんですが、困ったことがひとつ。拡張機能やテーマなどのアドオンの検索フォームがページの下の方へ移動してしまって、検索しづらくなった事です。

ならば、ということで AMO の検索フォームをページの上のほうへもってくるユーザスタイルを書いてみました。以下そのスタイル。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("addons.mozilla.org") {
  div.search-container {
    position:absolute !important;
    top:80px !important;
    left:360px !important;
    margin-left:auto !important;
    margin-right:0 !important;
    background-image:none !important;
  }

  div.search-container h3 {
    color:red !important;
    font-weight:bold !important;
  }

  #page-title div {
    margin-left:0 !important;
    padding-left:10px !important;
  }
}

userContent.css に書いておけば使えますが、Stylish をお使いであれば、AMO Searchbar Top よりお手軽にインストールできます。