Adobe推出移动网页设计工具Shadow

开发 前端
3月9日消息,Adobe宣布推出新的网页设计工具Shadow,该工具可以协助网页设计师在多个移动设备中检视网页,并进行调整。Adobe同时也更新其HTML5动画工具软件Edge到Preview4。

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之外的移动设备平台。

【编辑推荐】

  1. 百度发布HTML 5地图API 新增手势操作和移动定位功能
  2. 20个***的Web和移动UI套件PSD分享
  3. Web开发者的跨平台移动应用开发策略及工具
  4. 从网站到移动应用——随"机"应变的用户体验设计
  5. 移动Web研发流程
责任编辑:陈贻新 来源: 网易科技报道
相关推荐

2012-07-10 15:51:01

移动网页设计移动Web

2013-03-20 09:40:46

HTMLCSS工具

2017-09-04 13:10:22

Adobe

2012-03-15 10:04:06

移动web

2011-02-25 14:04:20

2013-08-01 09:52:04

网页设计工具Web工具Web资源

2014-05-04 11:06:41

移动网站移动设计

2017-10-17 11:51:59

移动端调试网页Erdua

2023-09-12 09:51:54

微软生成式 AI

2013-08-27 13:13:29

移动网站性能优化移动web

2023-06-06 07:07:35

MicrosoftAI设计工具

2011-08-01 15:45:26

HTML 5

2009-12-09 15:28:15

Team Editio

2013-11-04 17:41:45

2011-03-21 15:23:24

触屏网页设计

2014-04-25 11:12:16

BootstrapBootstrap工具

2023-06-27 13:58:10

丰田汽车人工智能

2011-04-07 16:23:09

Web网页设计编码

2015-10-28 14:51:42

最佳设计工具汇总

2014-02-12 14:58:51

移动
点赞
收藏

51CTO技术栈公众号