Adobe推出移動(dòng)網(wǎng)頁設(shè)計(jì)工具Shadow

網(wǎng)易科技3月9日消息，Adobe宣布推出新的網(wǎng)頁設(shè)計(jì)工具Shadow，該工具可以協(xié)助網(wǎng)頁設(shè)計(jì)師在多個(gè)移動(dòng)設(shè)備中檢視網(wǎng)頁，并進(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ù)計(jì)今年底正式發(fā)行。移動(dòng)裝置則支持iOS及Android，需從AppStore或Google Play免費(fèi)下載。 

當(dāng)計(jì)算機(jī)與移動(dòng)裝置配對(duì)之后，網(wǎng)頁設(shè)計(jì)師可以透過Chrome瀏覽器，讓計(jì)算機(jī)與行動(dòng)設(shè)備同時(shí)顯示一個(gè)網(wǎng)頁的內(nèi)容，檢視計(jì)算機(jī)端與行動(dòng)設(shè)備端的顯示效果是否正確。由于Shadow可以同時(shí)控制多部移動(dòng)裝置，因此設(shè)計(jì)師可以同時(shí)在眾多不同移動(dòng)設(shè)備中檢驗(yàn)網(wǎng)頁。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)頁內(nèi)容，例如HTML、CSS或JavaScript，并在儲(chǔ)存后于不同裝置觀看修改后的效果。 

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

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