文档章节

使用 桌面的 chrome 远程调试 Android 的页面

豆花饭烧土豆
 豆花饭烧土豆
发布于 2015/05/29 06:03
字数 389
阅读 27
收藏 1

手机浏览器是没有开发者工具的,所以调试手机网页是非常麻烦。使用 chrome 的远程调试功能可以像调试桌面端那样调试手机页面。

准备

  1. 手机端:chrome for Android, 安装谷歌浏览器
  2. 桌面端:谷歌浏览器,版本建议大于手机端的,最好使用 chrome canary
  3. USB 连接线, 也就是你充电器的那条线

开启调试模式

使用 USB 连接你的电脑,并开启调试模式。 使用 android 4.2 或以上的手机可能没有调试模式选项,可以找到 “设置 > 关于手机 > 版本号(Build Number)”, 点 7 次,然后返回开发者选项就可以了。注:我没有 Android 4.2 或以上的手机,以上方法没有测试过,我只是根据官方文档写出来而已。

查找 USB 设备 (Enable USB discovery in Chrome)

在你的桌面版的 chrome ,打开 菜单 > 工具 > 检查设备。 勾选Discover USB devices。稍等片刻,你的手机会提示你是否允许调试,接受调试即可。接受调试后,可能需要等一下 chrome 才能检测到你的手机。如果没有检测到,可以试一下重启浏览器。

调试

检测到你的手机后,点击 inspect,弹出开发者工具,这样你就可以像调试桌面页面那样调试手机页面。
chrome 远程调试chrome 远程调试

参考链接

https://developer.chrome.com/devtools/docs/remote-debugging

转载:http://blog.allenice233.com/2014/07/28/chrome-remote-debug/

本文转载自:http://www.cnblogs.com/wawahaha/p/4337181.html

豆花饭烧土豆

豆花饭烧土豆

粉丝 15
博文 357
码字总数 93591
作品 0
深圳
私信 提问
Chrome十岁了你只当它浏览器?这些神玩法知多少

不知不觉,Chrome浏览器也已经不算什么新锐牌子了。在2008年的9月初,Google发布了Chrome的首个版本,随后一路狂刷版本号,十年后的今天Chrome的版本号已经更新到了69。在狂刷版本号的同时,...

太平洋电脑网
2018/09/08
0
0
如何调试 Android 手机网页

兵马未动,粮草先行。安排好 debug 工作的道理也一样,调试的基本工作务必先于开发之前搞得好,不然后果很严重……!哈哈,这样的开场白太那个了……其实实不相瞒,俺的实际情况是,到项目后...

sp42
2012/10/13
0
0
在桌面chrome中调试android设备中的web页面

准备工作 1, 桌面版chrome 2, Android设备(安装有chrome浏览器) 3, Android-sdk Android-sdk安装及设置 SKD安装 从http://developer.android.com/sdk/index.html下载android-sdk开发包,...

豆腐
2012/08/31
6.3K
5
远程调试 Android 设备浏览器网页

网页在手机浏览器打开时,怎么调试? 安卓设备的 Chrome 浏览器支持远程调试,可以使用桌面浏览器的开发者工具。本文介绍如何进行远程调试。 Step 1:启用开发者模式 远程调试需要打开”开发...

城市之雾
07/03
11
0
移动端Web系列2 --- 调试

浏览器调试 chrome(V35.0.1916.153) 使用chrome deleloper tool模拟移动设备。注意,部分功能还是与真机有差别,所以还是建议开发完成后在真机中看一下效果。 打开方法 调出开发者工具(M...

见见
2018/08/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

AliOS Things 3.0 应用开发指南

目录 应用开发框架介绍 使用条件 快速开始 第一步:下载AliOS Things 3.0源码 第二步:添加AOS_SDK_PATH环境变量 第三步:AliOS Studio中创建应用工程 编译、烧录、调试 其他说明 参考文档 ...

阿里云官方博客
37分钟前
3
0
日期和月份的计算

需求一 根据 【首次任务开始时间】和【任务间隔时间】和【每个任务持续时间】和【任务次数】计算出每个任务的时间 // 数据计算方法 async dateCalculation() { const firstD...

沉迷代码我爱学习
42分钟前
2
0
Spring Cloud Gateway 之请求坑位[微服务IP不同请求会失败]

问题产生背景 在使用Spring Cloud Gateway过程中,希望配置多Routes映射不同的微服务,因为Gateway 和Zuul的访问路径不同(zuul 会带有服务service Id),造成错误。 现象表现 问题定位 认为是...

IsaacZhang
53分钟前
5
0
Vue nodejs商城项目-搭建express框架环境

本文转载于:专业的前端网站➯Vue nodejs商城项目-搭建express框架环境 1.express-project 搭建express框架环境 安装express generator生成器 通过生成器自动创建项目 配置分析 安装 cnpm i -...

前端老手
今天
3
0
maven项目A引入maven项目B的jar包

首先打开 项目B 的 pom 文件,加入如下配置 <build> <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-compiler-plugin<......

嘴角轻扬30
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部