Adobe 日前推出了一個名為 Shadow 預覽版軟體,再度補強了自家網站開發軟體的功能。Shadow 是個行動網站的預覽軟體,網站開發者可以輕易地透過 Shadow 預覽正在開發的網站在行動瀏覽器中看起來是什麼樣子。

現在愈來愈多網路瀏覽量是由行動裝置而來,不過有些網站的設計並不適合直接從行動裝置瀏覽。因此現在行動版網頁的設計愈來愈重要。Adobe在日前就推出了一款讓網站設計師可以直接預覽行動網站的程式,名為Adobe Shadow,讓網站設計師能夠直接在手持裝置中即時瀏覽行動網站的HTML、CSS和Javascript是否運作正常。

Adobe Shadow小檔案

Adobe Shadow可以在行動裝置裡同步顯示桌面瀏覽器中檢視的網站,讓網站設計師可以檢查自己所設計的行動版介面是否能夠正常顯示。Adobe Shadow由三個元件組成,使用者必須先在電腦上安裝Adobe Shadow主程式,它負責將瀏覽器中的畫面,透過區域網路傳送到行動裝置中顯示;另外你還必須安裝Adobe Shadow的瀏覽器外掛,讓Shadow知道你目前正觀看哪個頁面;接著必須從Apple App Store或是Google Play Store下載Shadow的行動版程式,讓Shadow可以直接在行動裝置上,顯示手機版頁面。

▲首先我們必須先在電腦上安裝Adobe Shadow的桌面端軟體,現在Adobe Shadow提供WindowsMac兩個版本。Adobe Shadow僅作為傳輸資料到行動端軟體之用,因此沒有任何UI和設定。

▲Adobe Shadow的行動端軟體提供了iOSAndroid兩個版本,只要安裝後開啟,就可以直接搜尋到同網域下的桌面端軟體。

▲Adobe Shadow的第三個部分是瀏覽器外掛,讓Adobe Shadow主程式能夠偵測到目前你正在桌面端瀏覽器中檢視什麼網站。不過目前僅提供Chrome瀏覽器版本,可以從Chrome Web Store中下載。

▲Adobe Shadow手機端軟體在連上桌面端時會顯示passcode。

▲使用者只要在Adobe Shadow的瀏覽器外掛中輸入Passcode,就可以連結。

▲使用者想直接在行動裝置上檢視網站時,只要選擇行動裝置名稱旁的<>圖示,就可以讓桌面端和行動端的Adobe Shadow連動。

▲連接後,使用者就可以直接在手持裝置中看到目前桌面端瀏覽器中顯示的網站,在行動瀏覽器瀏覽時,會是什麼模樣,功能是否正常。

延伸閱讀

Photoshop CS6 犯規新功能,移動物體自動填補背景

Flash 11 即將推出,支援GPU硬體加速功能

Adobe Digital Editions,叫散亂的PDF檔排排站好