3月9日消息，Adobe宣布推出新的網(wǎng)頁(yè)設(shè)計(jì)工具Shadow，該工具可以協(xié)助網(wǎng)頁(yè)設(shè)計(jì)師在多個(gè)移動(dòng)設(shè)備中檢視網(wǎng)頁(yè)，并進(jìn)行調(diào)整。Adobe同時(shí)也更新其HTML5動(dòng)畫工具軟件Edge到Preview4。

Shadow分為三個(gè)部分，計(jì)算機(jī)端的主程序、計(jì)算機(jī)端Chrome瀏覽器擴(kuò)充功能及行動(dòng)設(shè)備端App。目前主程序支持Windows7及Mac OS X，可以從Adobe Lab網(wǎng)頁(yè)中下載，預(yù)計(jì)今年底正式發(fā)行。移動(dòng)裝置則支持iOS及Android，需從AppStore或Google Play免費(fèi)下載。

當(dāng)計(jì)算機(jī)與移動(dòng)裝置配對(duì)之后，網(wǎng)頁(yè)設(shè)計(jì)師可以透過Chrome瀏覽器，讓計(jì)算機(jī)與行動(dòng)設(shè)備同時(shí)顯示一個(gè)網(wǎng)頁(yè)的內(nèi)容，檢視計(jì)算機(jī)端與行動(dòng)設(shè)備端的顯示效果是否正確。由于Shadow可以同時(shí)控制多部移動(dòng)裝置，因此設(shè)計(jì)師可以同時(shí)在眾多不同移動(dòng)設(shè)備中檢驗(yàn)網(wǎng)頁(yè)。Shadow最多曾經(jīng)連接35臺(tái)行動(dòng)設(shè)備，Adobe未透漏最多可以控制多少臺(tái)，但認(rèn)為用戶不可能會(huì)遇到上限。

若任何裝置出現(xiàn)預(yù)期之外的差異時(shí)，設(shè)計(jì)師可以透過Chrome瀏覽器的Shadow擴(kuò)充功能使用除錯(cuò)工具來修改網(wǎng)頁(yè)內(nèi)容，例如HTML、CSS或JavaScript，并在儲(chǔ)存后于不同裝置觀看修改后的效果。

除了Shadow之外，Adobe也提供在線服務(wù)BrowserLab讓網(wǎng)頁(yè)設(shè)計(jì)師檢驗(yàn)網(wǎng)頁(yè)在不同裝置呈現(xiàn)的狀況，差異在于BrowserLab以模擬的方式呈現(xiàn)，而Shadow采實(shí)體的方式呈現(xiàn)。

Shadow是基于開放源碼項(xiàng)目Winre開發(fā)。Winre在安裝與使用上需要程序編譯技巧，而Shadow大幅降低使用者的技術(shù)門坎。Adobe挑選Chrome瀏覽器來搭配的主要原因在于瀏覽器引擎使用開放源碼Webkit，擁有目前***、最普及，并積極定期更新的網(wǎng)頁(yè)檢測(cè)、除錯(cuò)工具。

目前Shadow支持iOS 4.2、Android2.2及兩者更新版本的行動(dòng)設(shè)備。藍(lán)莓機(jī)或Windows Phone等其他平臺(tái)暫時(shí)不在支持行列，Adobe尚未決定是否支持iOS及Android之外的移動(dòng)設(shè)備平臺(tái)。

【編輯推薦】

1. 百度發(fā)布HTML 5地圖API 新增手勢(shì)操作和移動(dòng)定位功能
2. 20個(gè)***的Web和移動(dòng)UI套件PSD分享
3. Web開發(fā)者的跨平臺(tái)移動(dòng)應(yīng)用開發(fā)策略及工具
4. 從網(wǎng)站到移動(dòng)應(yīng)用——隨"機(jī)"應(yīng)變的用戶體驗(yàn)設(shè)計(jì)
5. 移動(dòng)Web研發(fā)流程