Web サイトのコーディングをしていると、複数のブラウザ・バージョンでの表示・動作チェックは必須です。異なるブラウザをインストールしておくのはごくごく当たり前のことなので全く問題ありませんが、同じブラウザで違うバージョンを共存させるとなるとまた話は別です。

ということで、コーダーなら知っておきたい同じブラウザで複数のバージョンを共存させる方法を調べてみました。

まずは Windows 向けに IE と Firefox と Chrome から
My DebugBar | IETester / Browser Compatibility Check for Internet Explorer Versions from 5.5 to 10

厳密には複数バージョンをインストールしているわけではありませんが、複数のバージョンの InternetEplorer を起動することが出来ます。

複数のFirefoxをインストールする方法 | public static void main

複数のバージョンのGoogle Chromeを同時に動かす方法 – 0xFF

次に Mac 向けの情報です。
異なるバージョンのFirefoxを共存させる方法 | Macの手書き説明書

Firefox ならこんな方法もあります。
Rriver » 複数バージョンのFirefoxをMacにインストールする方法

Mac で 複数バージョン、複数プロファイルの Chrome を使う – techlog

最後に、 JavaScript 等のチェックは出来ませんが、かなり多くの環境（OS、ブラウザ）でチェックの出来る Adobe のサービスもご紹介します。
ブラウザーテスト | Adobe BrowserLab

こちらは4月から有料になるようですが、このサービス単体での利用は出来るのでしょうか・・・。

頻繁なメジャーバージョンアップが行われることが決まってしまった Firefox ですが、Web　サイトを制作する側としては最新バージョンだけを使うわけにはいきません。通常のインストール方法ではアプリケーションファイルを上書きしてしまったり、プロファイルを新バージョンに変換してしまったりと、複数バージョンの運用を簡単に行うことはできません。

Mac限定ではありますが、Firefox を複数バージョンで運用する方法を紹介してくれているサイトを見つけました。
続きを読む

Webページをそのまま印刷すると色々な不具合が起きることが多いのですが、中でも一番厄介なのが Firefox3.x までの印刷不具合です。レイアウトを組むときに必須ともいえる float プロパティを使うと、float しているブロックが印刷でページをまたいだときにフッタ部分など続きのブロックの表示がおかしくなってしまいます。どうやら float したブロックは2ページ名以降は高さを持たなくなるようですね。

この厄介な不具合はみんな悩んでいるらしく、これは！と思える良い解決策を見付けたのでご紹介。
続きを読む

InternetExplorerがいまだにトップシェアを誇るWebブラウザ業界。AppleではSafari、GoogleはChromeと様々なブラウザが登場していますが反IE陣営のトップランナーはやはりFirefox。起動が遅い遅いと思いながらも、アドオンの便利さもあって使い続けている人も多いのではないでしょうか。
そんな使い続けているとどうしても重くなるFirefoxをなんとかして軽くする方法をまとめてくれているサイトをご紹介。お金に余裕があるのならSSDにするのが一番手っ取り早いのでしょうね・・・

続きを読む

モバイルサイト作成時のチェック用ソフトとしては各キャリアで配布しているものがありますが、Windows版しかないという欠点があります。AdobeのDevice CentralはMac版もあるものの、ベースはOperaであることと再現度が中途半端なのであまり実用的ではありません。そんな中でFirefoxのアドオンであるFireMovileSimulatorは機種情報を変えたり、その機種に合わせた画面サイズを再現することも可能で、モバイルブラウザ特有のアイコン表示も出来たりと、フリーでありながらかなりの高機能です。Web制作に携わるなら必ず入れておきましょう！

続きを読む