Hatena::ブログ(Diary)

名もないテクノ手 このページをアンテナに追加 RSSフィード

EPUB版『InDesign者のための正規表現入門』

InDesignのTips一覧

2009-06-04

[][][]主要ブラウザでの互換性をオンラインでチェックできる「BrowserLab」

Adobe Labsでは、主要ブラウザでの互換性をオンラインでチェックできる「BrowserLab」を公開しています。

Adobe Labs - Adobe BrowserLab

サポートブラウザは以下のとおり。利用にはAdobe IDが必要です。

使い方は至って簡単。表示させたいURLを入力して、ブラウザを選ぶだけです。

f:id:seuzo:20090604112336p:image

画面表示は「1-up View」「2-up View」「Onion Skin View」から選べます。上図は「2-up View」。「Onion Skin View」ではこの「2-up View」を重ねて、違いを明確にします。

f:id:seuzo:20090604112634p:image


Dreamweaver CS4用エクステンション

オンライン上だけでなく、Dreamweaver CS4を使って、ローカルファイル上でもBrowserLabを使用できます。

必要なエクステンション(2ファイル)は下記サイトからダウンロードできます。

Adobe Labs - Downloads: Adobe BrowserLab Extensions for Dreamweaver CS4

インストールに必要な「Adobe Extension Manager CS4」のバージョンが2.1でなければなりません。

f:id:seuzo:20090604114031p:image

エクステンションをインストールすると、「ウインドウ」メニューから「エクステンション」-「Adobe BrowserLab」が選べるようになります。

f:id:seuzo:20090604132143p:image

実際の使用にはローカルフォルダとリモートフォルダを指定する必要があります。ヘルプを読むといいかな。

Adobe BrowserLab Help