要用到的内容:
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页面
点击右侧的手机图标,打开开关(没打开的时候是灰的),会弹出个连接框
手机上的app也打开,搜索设备列表,也可以动点“+”手动添加,输入电脑IP地址或者计算机名称(手机和电脑要在一个网内)连接上的话会出现一个密码,在Edge Code的连接框里填上密码,点后边的对号就OK了
设置浏览地址,file---Project Settings,在弹出框里写上你设置的本地浏览地址
我是用的IIS,其它的WampServer什么的我没用,不过看adobe里说的可以用,还有个什么xip.io,WampServer不能用的可以试试。
点击右侧的闪电图标,
会从谷歌浏览器打开设置的浏览地址(看看浏览器上的扩展有没有打开开关,内容和Edge Code连接框的内容是一样的)
没问题的话,手机上就会同步显示浏览器里的内容
移动WEB测试工具 Adobe Edge Inspect