首页 > 代码库 > 移动WEB测试工具 Adobe Edge Inspect

移动WEB测试工具 Adobe Edge Inspect

要用到的内容:
Adobe Edge Code CC      https://creative.adobe.com/products/code?promoid=KFKML
Adobe Edge Inspect CC   https://creative.adobe.com/zh-tw/products/inspect或者http://html.adobe.com/edge/inspect/
也可以注册Adobe账号,在creative cloud下载安装包,这两个是免费的,我是从creative cloud上下的
 
谷歌浏览器扩展:https://chrome.google.com/webstore/detail/adobe-edge-inspect-cc/ijoeapleklopieoejahbpdnhkjjgddem
 
手机端安卓APP下载:
http://zhushou.360.cn/detail/index/soft_id/299848?recrefer=SE_D_Edge Inspect
 
安装完后
 
打开Adobe Edge Inspect CC 登录上就不用管了
 
打开 Edge Code
 
打开电脑上的webapp页面 
 
点击右侧的手机图标,打开开关(没打开的时候是灰的),会弹出个连接框
Adobe <wbr>Edge <wbr>Inspect <wbr>CC--WEBAPP跨平台浏览器调试工具使用教程

手机上的app也打开,搜索设备列表,也可以动点“+”手动添加,输入电脑IP地址或者计算机名称(手机和电脑要在一个网内)连接上的话会出现一个密码,在Edge Code的连接框里填上密码,点后边的对号就OK了
 
设置浏览地址,file---Project Settings,在弹出框里写上你设置的本地浏览地址
我是用的IIS,其它的WampServer什么的我没用,不过看adobe里说的可以用,还有个什么xip.io,WampServer不能用的可以试试。
Adobe <wbr>Edge <wbr>Inspect <wbr>CC--WEBAPP跨平台浏览器调试工具使用教程

点击右侧的闪电图标,Adobe <wbr>Edge <wbr>Inspect <wbr>CC--WEBAPP跨平台浏览器调试工具使用教程
会从谷歌浏览器打开设置的浏览地址(看看浏览器上的扩展有没有打开开关,内容和Edge Code连接框的内容是一样的)
Adobe <wbr>Edge <wbr>Inspect <wbr>CC--WEBAPP跨平台浏览器调试工具使用教程

没问题的话,手机上就会同步显示浏览器里的内容
Adobe <wbr>Edge <wbr>Inspect <wbr>CC--WEBAPP跨平台浏览器调试工具使用教程