應用Shadow工具來檢測網站經過網頁設計上線,在iOS、Android系統瀏覽是否畫面一致
Adobe宣布推出新的網頁設計工具Shadow,該工具可以協助網頁設計人員在多個智慧型手機中檢視網頁,並進行調整。Adobe同時也更新其HTML5動畫工具軟件Edge到Preview4。
Shadow分爲三個部分,電腦端的主程式、電腦端Chrome瀏覽器擴充功能及智慧型手機端App。目前主程式支持Windows7及Mac OS X,可以從Adobe Lab網頁中下載,預計2012年底正式發行。智慧型手機則支持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之外的智慧型手機平台。
轉貼來源:ASP站長之家
參考文獻:
1.李青蓉等編著.(1998).人機介面設計,台北縣:空大。
2.邱柏清.(2004).網頁介面愉悅行之研究,國立台灣科技大學設計研究所碩士論文。
3.許峻誠、張恬君、莊明振.(2001).網頁風格認知與設計要素之探討-以企業網站首頁為例,第六屆設計學術研究果研討會論文集。
相關文章
商務網頁設計用價格排序來查知用戶意圖網頁設計對於二級目錄及網址選擇問題網頁設計的搜尋鈕正確用知網站名稱或關鍵字不要隨意更動建置相容的網站是一件不容易的事
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了