Adobe 推出 Shadow 预览软体,让网站设计师轻鬆透Adobe 日前推出了一个名为 Shadow 预览版软体,再度补强了自家网站开发软体的功能。Shadow 是个行动网站的预览软体,网站开发者可以轻易地透过 Shadow 预览正在开发的网站在行动浏览器中看起来是什幺样子。

现在愈来愈多网路浏览量是由行动装置而来,不过有些网站的设计并不适合直接从行动装置浏览。因此现在行动版网页的设计愈来愈重要。Adobe在日前就推出了一款让网站设计师可以直接预览行动网站的程式,名为Adobe Shadow,让网站设计师能够直接在手持装置中即时浏览行动网站的HTML、CSS和Javascript是否运作正常。

Adobe Shadow小档案名称:Adobe Shadow支援平台:Windows/OS X/iOS/Android版本:1.0释出日期:2012/3/7下载网址:labs.adobe.com/downloads/shadow.html

Adobe Shadow可以在行动装置里同步显示桌面浏览器中检视的网站,让网站设计师可以检查自己所设计的行动版介面是否能够正常显示。Adobe Shadow由三个元件组成,使用者必须先在电脑上安装Adobe Shadow主程式,它负责将浏览器中的画面,透过区域网路传送到行动装置中显示;另外你还必须安装Adobe Shadow的浏览器外挂,让Shadow知道你目前正观看哪个页面;接着必须从Apple App Store或是Google Play Store下载Shadow的行动版程式,让Shadow可以直接在行动装置上,显示手机版页面。

Adobe 推出 Shadow 预览软体,让网站设计师轻鬆透

▲首先我们必须先在电脑上安装Adobe Shadow的桌面端软体,现在Adobe Shadow提供Windows和Mac两个版本。Adobe Shadow仅作为传输资料到行动端软体之用,因此没有任何UI和设定。

Adobe 推出 Shadow 预览软体,让网站设计师轻鬆透

▲Adobe Shadow的行动端软体提供了iOS和Android两个版本,只要安装后开启,就可以直接搜寻到同网域下的桌面端软体。

Adobe 推出 Shadow 预览软体,让网站设计师轻鬆透

▲Adobe Shadow的第三个部分是浏览器外挂,让Adobe Shadow主程式能够侦测到目前你正在桌面端浏览器中检视什幺网站。不过目前仅提供Chrome浏览器版本,可以从Chrome Web Store中下载。

Adobe 推出 Shadow 预览软体,让网站设计师轻鬆透

▲Adobe Shadow手机端软体在连上桌面端时会显示passcode。

Adobe 推出 Shadow 预览软体,让网站设计师轻鬆透

▲使用者只要在Adobe Shadow的浏览器外挂中输入Passcode,就可以连结。

Adobe 推出 Shadow 预览软体,让网站设计师轻鬆透

▲使用者想直接在行动装置上检视网站时,只要选择行动装置名称旁的<>图示,就可以让桌面端和行动端的Adobe Shadow连动。

Adobe 推出 Shadow 预览软体,让网站设计师轻鬆透

▲连接后,使用者就可以直接在手持装置中看到目前桌面端浏览器中显示的网站,在行动浏览器浏览时,会是什幺模样,功能是否正常。

延伸阅读

Photoshop CS6 犯规新功能,移动物体自动填补背景

Flash 11 即将推出,支援GPU硬体加速功能

Adobe Digital Editions,叫散乱的PDF档排排站好