手机浏览器调试方案--Debugging Firefox for Android with WebIDE
2015-09-23 22:31
465 查看
本文描述了如何将 Firefox36或更高版本的开发者工具 连接到Android版Firefox。
Firefox开发者工具可以连接到Android版Firefox进行远程调试移动网站已经很久了,但直到现在这依然是一个非常复杂而容易出错的过程。从Firefox36开始我们努力让这个过程变得更加简单:特别是,你完全无需直接使用 adb 工具。现在你可以使用 WebIDE 来进行连接,它将会处理背后的adb细节。
注意:要完成本文描述的操作,你需要在PC和移动设备上安装至少Firefox36或更新版本。如果你需要使用早期的版本,参见之前的 连接Firefox
for Android开发者工具 的介绍.
本文分为两个部分:第一部分 "前提条件" 描述了只需要完成一次的内容,而第二部分, "连接" 则描述了每次连接设备都需要进行的操作。
首先,你需要:
一台运行着至少Firefox36或更新版本浏览器的桌面计算机或笔记本电脑
一台 支持运行
Firefox for Android 的安卓设备,并且安装运行了 Firefox for Android 35 或更高版本
两台设备使用USB连接起来
你的桌面版本Firefox需要拥有ADB Helper 0.7.1或更新版本。一般来说它会在你第一次打开WebIDE的时候自动安装。要查看版本,在浏览器的地址栏输入 about:addons ,应该可以看到 ADB在列表中。
如果你没有安装 ADB Helper 0.7.1或更高版本,在“项目”菜单中选择“管理额外组件”,在看到的“额外组件”窗口中,包含了ADB Helper:
点击“卸载”再点击“安装”,此时应该就会安装上最新的版本了。
首先,按照 此链接中的第二步操作 启用USB调试。
接着在 Firefox for Android 中启用远程调试。打开浏览器,点击菜单,选择“设置”,再点击“开发者工具”(在一些安卓设备上你可能需要点击“更多”才可以看到“设置”选项)。勾选“远程调试”复选框:
浏览器此时会提示你设置端口转发,你可以忽略此提示。
使用USB将安卓设备连接到计算机上,并打开 WebIDE, 点击“选择运行环境”菜单。你可以看到Firefox
for Android在“USB设备”下已经列出:
选择此设备。在安卓设备上,应该看到一个警告信息:
点击确定。在WebIDE中点击“打开应用”菜单。你可以看到所有在设备上已经打开的标签页:
选择一个要附加开发者工具的标签页:
现在你已经可以通过支持远程调试的开发者工具进行调试了。
## 原文链接::https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging
Firefox开发者工具可以连接到Android版Firefox进行远程调试移动网站已经很久了,但直到现在这依然是一个非常复杂而容易出错的过程。从Firefox36开始我们努力让这个过程变得更加简单:特别是,你完全无需直接使用 adb 工具。现在你可以使用 WebIDE 来进行连接,它将会处理背后的adb细节。
注意:要完成本文描述的操作,你需要在PC和移动设备上安装至少Firefox36或更新版本。如果你需要使用早期的版本,参见之前的 连接Firefox
for Android开发者工具 的介绍.
本文分为两个部分:第一部分 "前提条件" 描述了只需要完成一次的内容,而第二部分, "连接" 则描述了每次连接设备都需要进行的操作。
前提条件
首先,你需要:一台运行着至少Firefox36或更新版本浏览器的桌面计算机或笔记本电脑
一台 支持运行
Firefox for Android 的安卓设备,并且安装运行了 Firefox for Android 35 或更高版本
两台设备使用USB连接起来
ADB Helper
你的桌面版本Firefox需要拥有ADB Helper 0.7.1或更新版本。一般来说它会在你第一次打开WebIDE的时候自动安装。要查看版本,在浏览器的地址栏输入 about:addons ,应该可以看到 ADB在列表中。如果你没有安装 ADB Helper 0.7.1或更高版本,在“项目”菜单中选择“管理额外组件”,在看到的“额外组件”窗口中,包含了ADB Helper:
点击“卸载”再点击“安装”,此时应该就会安装上最新的版本了。
设置安卓设备
首先,按照 此链接中的第二步操作 启用USB调试。接着在 Firefox for Android 中启用远程调试。打开浏览器,点击菜单,选择“设置”,再点击“开发者工具”(在一些安卓设备上你可能需要点击“更多”才可以看到“设置”选项)。勾选“远程调试”复选框:
浏览器此时会提示你设置端口转发,你可以忽略此提示。
连接
使用USB将安卓设备连接到计算机上,并打开 WebIDE, 点击“选择运行环境”菜单。你可以看到Firefoxfor Android在“USB设备”下已经列出:
选择此设备。在安卓设备上,应该看到一个警告信息:
点击确定。在WebIDE中点击“打开应用”菜单。你可以看到所有在设备上已经打开的标签页:
选择一个要附加开发者工具的标签页:
现在你已经可以通过支持远程调试的开发者工具进行调试了。
## 原文链接::https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging
相关文章推荐
- 【转载】Android Studio中获取SHA1或MD5的方法
- Android 颜色对照表
- 自学android 碰到的知识点总结
- Android 代码版本控制器之—— SVN
- Android Studio小技巧
- Android 友盟
- Android获取栈顶的activity
- 解决 arcGis android TextSymbol乱码的问题
- Android屏幕适配全攻略(最权威的官方适配指导)
- Android 百度数据统计
- Android文本Flood it游戏源代码
- Android各种访问权限Permission详解
- Android开发环境的离线安装方式(超易搭建秘籍)
- Android网址
- Android JNI通过C++调用JAVA
- [转]HorizontalScrollView介绍--支持水平滚动的android布局容器
- Android源码解析-仿今日头条PagerSlidingTabStrip滑动页面导航效果
- Android对话框
- Android导航栏--ActionBar
- Android 4.4以上(改变状态栏的背景颜色)开源工程推荐