您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 圖趣新聞 >> 站長(zhǎng)資訊 >> 瀏覽設(shè)計(jì)教程

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)。

免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/news/zczx1108.html
圖趣網(wǎng)微信
圖趣網(wǎng)app
圖趣網(wǎng)app
建議反饋
×