更简便的Mobile Web调试工具——Adobe Shadow

前段时间介绍了使用Weinre来调试Mobile Web的方法，而Adobe在3月份也推出了基于Weinre的的调试用具——Shadow，随着Release 2版的发布，Shadow在功能和体验上都有不错的表现，这里就做个简单的介绍。

一、部署Shadow：

相比Weinre，Shadow的部署可以用简单、轻松来形容，3步搞定：

1. 访问Adobe Shadow官方下载页，下载并安装PC端程序：Shadow（支持Win、Mac，但不支持win xp）
2. 下载安装移动端应用程序：Shadow Mobile Device Client（支持iOS、Android平台），在下载页可以找到链相关接
3. 安装Chrome Adobe Shadow插件

二、启动 & 使用：

• Shadow的启动也非常简单，依次运行PC端、移动端的Shadow程序以及Chrome浏览器；
• 移动端的Shadow会扫描可被链接的PC端，并生成一段验证码，将验证码填入Chrome的Shadow插件中就完成了Shadow的启动工作；
• 连接成功后我们在Chrome中浏览的网页就会同时显示在移动设备中，通过点击”<>“就可以打开Web Inspector进行页面代码调试了。

三、Shadow的不足：

1.Web Inspector调试工具有明显的延迟，因为Shadow会连接Adobe的服务器，所以在网络环境不好的情况下Shadow可用性不尽人意。

2.页面调试的局限性，通过Shadow调试移动设备上页面时，只能在其本身的应用中展现页面，而Weinre没有这个限制，通过添加调试的js可以在任何浏览器中展现并调试。

小结

简单介绍了下Shadow，它的优势就是简单方便，无论是在跨平台的部署上还是在多设备的预览上都要比Weinre更容易，缺点也很明显就是没有 Weinre灵活，并且受到网络的限制。在日常工作中我基本不使用Shadow的Web Inspector进行调试，因为太卡，而更多的是利用Shadow的易部署性在各种移动终端上预览页面的效果，特别是在需要支持多平台的项目中能节省不 少调试时间。