网页设计工具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之外的移动设备平台。