Adobe發表行動網頁設計工具Shadow

Adobe昨日（3/7）推出新的網頁設計工具Shadow，該工具可以協助網頁設計師在多個行動設備中檢視網頁，並進行調整。Adobe同時也更新其HTML5動畫工具軟體Edge到Preview 4。

Shadow分為三個部分，電腦端的主程式、電腦端Chrome瀏覽器擴充功能及行動設備端App。目前主程式支援Windows 7及Mac OS X，可以從Adobe Lab網頁中下載，預計今年底正式發行。行動裝置則支援iOS及Android，需從App Store或Google Play免費下載。

當電腦與行動裝置配對之後，網頁設計師可以透過Chrome瀏覽器，讓電腦與行動設備同時顯示一個網頁的內容，檢視電腦端與行動設備端的顯示效果是否正確。由於Shadow可以同時控制多部行動裝置，因此設計師可以同時在眾多不同行動設備中檢驗網頁。Shadow最多曾經連接35台行動設備，Adobe未透漏最多可以控制多少台，但認為用戶不可能會遇到上限。

若任何裝置出現預期之外的差異時，設計師可以透過Chrome瀏覽器的Shadow擴充功能使用除錯工具來修改網頁內容，例如HTML、CSS或JavaScript，並在儲存後於不同裝置觀看修改後的效果。

除了Shadow之外，Adobe也提供線上服務BrowserLab讓網頁設計師檢驗網頁在不同裝置呈現的狀況，差異在於BrowserLab以模擬的方式呈現，而Shadow採實體的方式呈現。

Shadow是基於開放源碼專案Winre開發。Winre在安裝與使用上需要程式編譯技巧，而Shadow大幅降低使用者的技術門檻。Adobe挑選Chrome瀏覽器來搭配的主要原因在於瀏覽器引擎使用開放源碼Webkit，擁有目前最佳、最普及，並積極定期更新的網頁檢測、除錯工具。

目前Shadow支援iOS 4.2、Android 2.2及兩者更新版本的行動設備。藍莓機或Windows Phone等其他平台暫時不在支援行列，Adobe尚未決定是否支援iOS及Android之外的行動設備平台。（編譯/沈經）