zoukankan      html  css  js  c++  java
  • 移动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跨平台浏览器调试工具使用教程
  • 相关阅读:
    你可能不知道的 transition 技巧与细节
    CSS奇思妙想 -- 使用 CSS 创造艺术
    生僻标签 fieldset 与 legend 的妙用
    CSS 奇思妙想边框动画
    (转)linux命令-- pstack命令(跟踪进程栈)
    (转)PostgreSQL 数据库错误代码解释
    postgresql灾备切换
    (转)postgresql配置参数和概念解释
    (转)PostgreSQL跨库操作Oracle利器-Oracle_fdw
    (转)PG运维常用知识点小结
  • 原文地址:https://www.cnblogs.com/sunshq/p/3853640.html
Copyright © 2011-2022 走看看