miniturbo.org - archives Archive

Web開発に役立つかもしれないアドオン(拡張機能)のFirefox3への対応状況

ついにFirefox3がリリースされました！

今まで使っているFirefox2から3へ移行するにあたって、気になるのがアドオン(拡張機能)。
以下の方々が、よく使われるアドオンのFirefox3への対応状況を調べておられます。

ということで、僕も対応状況を調べて見ました。対象は、仕事で使っているWeb開発系のアドオンです。

※各アドオンのインストールは自己責任でお願いします。

以前、携帯電話での文字サイズ検証という記事を書いたのですが
手違いにより、大半のデータが消失してしまいました。
ご協力いただいた方々、申し訳ありません…。

ということで、もう一度協力してやんよ！という心優しき方を募集しています！
検証用のページも以前よりわかりやすくしましたので、ぜひぜひ気軽にお答えいただければと思います。

お手持ちの携帯電話にて、下記QRコードか http://bit.ly/Swm9B よりアクセスしてください。
※解答の仕方がわからない場合は、下記の説明をご覧いただきながらご解答ください。

QRコード

昨日、Safari 3.1がリリースされたようです。
「パブリックベータ」もいつのまにかなくなり、メニューなども日本語表示となりました！
で、早速使ってみたのですが、「開発」メニューにあるWebインスペクタが便利すぎてたまりません。

こんな感じで、ドキュメントをDOMツリーで展開しながら、要素の詳細を見たり、

こんな感じで、コンソールから直接JavaScriptを実行できたりします。
ちなみに、Firebugと同じくconsole.log関数などが使えるみたいです。
Selectors APIも動くみたい。これ便利すぎる。

ファイルのやりとりをグラフィカルに表示。とてもキレイでいいですね。
ファイルの種類によって色分けがされていて、とても見やすいです。

まるでSafari版Firebugですね。みなさんもぜひ使って見てください！

数ヶ月前にリリースしたSBMカウンタをFirefox3へ対応させました。
そのときにつまづいたことをメモメモ。

異なるドキュメント間でノードをやり取りするときに怒られた！: MDCに詳しく書かれていますが、異なるドキュメント間でノードをやり取りする際、Firefox2では普通に使用できましたが、3からは、現在のドキュメントに挿入する前にadoptNodeにて取り込みを行うか、importNodeにて複製しなければいけないみたいです。
adoptNodeはGecko1.9アルファからの実装となりますので、Firefox2ではエラーが発生します。よって、バージョンを判別して使い分ける必要があります。(importNodeは2でも3でも使用できるから判別の必要はない)
CSSのレンダリングが2と若干異なる？: これ発生条件がよくわかりませんが、overflowプロパティあたりで表示が不安定なときがありました。overflow: auto;にて出現したスクロールバーの背景がきれいに表示されなかったりされます。原因不明。
Firefox3では安全な方法ででしかアドオンをインストールできない！: Piroさんの丁寧な解説記事を読んだのですが、どうしてもMcCoyにて更新させることができませんでした。
仕方がないのでXREAの利点(?)を活かして、SSL通信にて対応しました。

それ以外でつまづくところはありませんでした。
Firefox3での変更点はMDCのここらへんを見るとわかりやすいです :)

ふう、久々に書いたら疲れた。