Adobe MAX 2008 のSneakPeakでMeer Meerというコードネームで紹介されたサービスが2009/06/03にAdobe Browser Labとしてプレビュー公開されていました。
URLを指定すると、各ブラウザでサイトにアクセスした表示結果を確認することができ、ブラウザによるレンダリングの差異を確認することができます。
表示結果は、2つを並べることもできオニオンスキンで重ね合わせてブラウザ間での表示の違いをを確認することもできるようです。
Adobe(R) BrowserLab
https://browserlab.adobe.com/index.html
#Adobe Labsにあるwikiページ
BrowserLab - Adobe Labs
http://labs.adobe.com/wiki/index.php/BrowserLab
利用するには、Adobe ID(Trial版Downloadやその他サービスを利用する時と共通です。)が必要でログインしてから利用することができます。
URLを指定すると、サイトからデータを取得して結果を表示します。
基本認証がかかっているページ、または会員制のページはできないみたい。
Timeoutやエラーになってしまいました。
また、swfファイルを含むページはswf部分が白くなって表示できないようです。
たとえば、http://www.adobe.comなどはswf部分が白くなって表示されました
DreamWeaver CS4にエクステンションをインストールすると、ローカルのファイルについても確認ができるようです。
仕組みがどうなっているのか?いまいちわかりませんでした。
DreamWeaverCS4からアクセスするには、mxpファイルをExtensionManager経由でインストールします。Part1,Part2と2つのmxpから構成されていました。
DreamWeaver上で確認したいHTMLを開いて、ウィンドウ->>エクステンション->Adobe BrowserLabを選択するとパネルがでてくるので、Previewボタンをクリックするとサイトにアクセスしてローカルのファイルをプレビューすることができました。
Desktop版Adobe BroweserLabとしてAdobe AIRにwrapしている方もいるみたいです。
http://twitter.com/peterelst/status/2015724295http://is.gd/N6Vz
このAIR 版 Adobe BrowserLabですがインストールはしてみたものの、Flash Playerのバージョンが古いという画面がでてしまいうまく動作しませんでした..。
ほかのPC(MacBook)で確認したところ、HTMLControlで表示させているだけのシンプルなAIRアプリケーションのようでした。
フロントエンドはFlex Frameworkを利用して作られているようです。
正式にサービスとしてスタートするときは有料にすることを計画しているようですが、今後の対応ブラウザやデバイスの充実がどうなっていくか、swfを含んだサイトをどうするか、会員制のサイトや開発中のサイトでの確認用してのASPサービスなどどうなっていくか?見守っていきたいところです。
--
以下(も)リンク
Adobe(R) BrowserLab
https://browserlab.adobe.com/index.html
#Adobe Labsにあるwikiページ
BrowserLab - Adobe Labs
http://labs.adobe.com/wiki/index.php/BrowserLab
#Adobe Labs blogによる紹介
Adobe Labs BrowserLab Preview Now Available on Labs
http://weblogs.macromedia.com/labs/archives/2009/06/browserlab_prev.html
#フォーラムはこちら。英語ベースですが、対応するブラウザのリクエスト追加などはこちらに書き込むといいみたい。
Adobe Forums Forum BrowserLab
http://forums.adobe.com/community/labs/browserlab
#DreamWeaver用ExtensionをDownloadしてローカルで確認することも可能です。
Adobe Labs - Downloads Adobe BrowserLab Extensions for Dreamweaver CS4
http://www.adobe.com/go/browserlab_download
#ヘルプページはこちら
Adobe BrowserLab
http://help.adobe.com/en_US/BrowserLab/
#DreamWeaver Extensionの使い方はこちら
Adobe Help
http://help.adobe.com/en_US/BrowserLab/content.html#dreamweaver
#MeerMeer時代の紹介
Ajaxian >> Meer Meer: Cross browser testing all through your one browser!
http://ajaxian.com/archives/meer-meer
Meer Meer Cross browser testing all through your one browser! - Basit - Live Your Life with Inspiration
http://basit.me/2008/11/meer-meer-cross-browser-testing-all-through-your-one-browser/
#クロスブラウザだけではなく、クロスデバイスを考慮したサービスを目指しているとのこと。
【コラム】シリコンバレー101 (299) Adobe「Meermeer」が必要になるクロスデバイスな未来 ネット マイコミジャーナル
http://journal.mycom.co.jp/column/svalley/299/index.html
#Adobe MAX 2008のサイト.
max.adobe.comは2009用のサイトになって2008はサブドメインとurlが変わっていました。
#日本のサイト(Adobe MAX Japan 2008)はサイト自体消滅したみたい...。残念。
http://2008.max.adobe.com/2008/na/experience/
PureMVC
http://www.puremvc.org/
この記事に対するコメント