Home > 前端开发 > Adobe Edge Inspect跨平台浏览器调试工具使用教程

Adobe Edge Inspect跨平台浏览器调试工具使用教程

最近一直在搞WEBAPP项目,找到一个跨浏览器联调的工具,试了一下还是蛮爽的,可惜免费版一次只能连接一个设备,废话不说直接切入正题。

Edge Inspect是Adobe出品的一款联调工具,是基于chrome的一款调试工具,在移动开发中联机调试很有效。

本文介绍一下此软件的下载安装使用方法,希望对热衷于移动端开发的前端工程师有一点帮助。

官方下载地址:http://html.adobe.com/edge/inspect/

安装流程:

1.注册Adobe账号,登陆并在creative cloud中找到下载Edge Inspect软件安装包;

2.安装软件到PC端,确保你的电脑已经安装过banjour(装过苹果软件的都会自动安装);

3.在chrome web store中下载安装Edge Inspect插件;

PC端的安装结束,接下来是移动端:

4.在你的移动设备上下载安装Edge inpsect软件;现在有ios\android\kindle fire;

5.电脑与移动端联机,确保设备和电脑在同一个局域网中;

  首先,将Chrome上面插件的开关打开;

  然后,将移动设备上的app打开,并搜索设备列表,也可以手动点“+”添加设备,输入电脑IP地址或者计算机名称;

  最后,点击联机后会出现一段随机密码,这时在chrome插件窗口会提示你输入密码,点击确认配对成功!

链接成功后就可以和移动端同步显示chrome中的页面了,效应时间不超过一秒,还是可以了,点击"<>"调试按钮,就会出来一个类似于控制台的调试工具了,和chrome相似。

 

这时候你就可以开始你的跨平台调试之旅了,是不是有一种很牛逼的赶脚呢?

 

原创文章,转载请注明: 转载自CSS ARTIST-前端开发生活日志

本文链接地址: Adobe Edge Inspect跨平台浏览器调试工具使用教程

回复 (0) to Adobe Edge Inspect跨平台浏览器调试工具使用教程

› 尚无评论。

发表评论 修改评论取消编辑

允许使用的标签 - 您可以在评论中使用如下的 HTML 标签以及属性。

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

 :wink:  :-|  :-x  :twisted:  :)  8-O  :(  :roll:  :-P  :oops:  :-o  :mrgreen:  :lol:  :idea:  :-D  :evil:  :cry:  8-)  :arrow:  :-?  :?:  :!: