移动网页设计工具Shadow

   Adobe宣布推出新的网页设计工具Shadow，该工具可以协助网页设计师在多个移动设备中检视网页，并进行调整。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之外的移动设备平台。

 

原创文章，转载请注明： 转载自 http://www.yiiyaa.net/