DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 網頁設計工具Shadow:移動設備網頁制作
網頁設計工具Shadow:移動設備網頁制作
編輯:關於網頁技巧     

3月9日消息,Adobe宣布推出新的網頁設計工具Shadow,該工具可以協助網頁設計師在多個移動設備中檢視網頁,並進行調整。Adobe同時也更新其HTML5動畫工具軟件Edge到Preview4。
 
  Shadow分為三個部分,計算機端的主程序、計算機端Chrome浏覽器擴充功能及行動設備端App。目前主程序支持Windows7及Mac OS X,可以從Adobe Lab網頁中下載,預計今年底正式發行。移動裝置則支持iOS及Android,需從AppStore或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、Android2.2及兩者更新版本的行動設備。藍莓機或Windows Phone等其他平台暫時不在支持行列,Adobe尚未決定是否支持iOS及Android之外的移動設備平台。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved