在桌面chrome中调试android设备中的web页面

准备工作

1, 桌面版chrome

2, Android设备(安装有chrome浏览器)

3, Android-sdk

Android-sdk安装及设置

SKD安装

http://developer.android.com/sdk/index.html下载android-sdk开发包,安装后,执行SDK Manager.exe,安装android SDK Platform-tools工具包。

环境变量配置:

在环境变量添加path,并添加路径<sdk>/platform-tools;

添加后,在cmd窗口执行adb,看到如下相关信息,表示配置成功。

Android设备工作

开启USB调试选项

进入设置,选择开发者选项,勾选USB调试

开启android设备上面chrome中USB网页调试选项

开始调试准备

设备检测

连接数据线后,进入cmd命令行,输入 adb devices,查看是否有设备列表。如图:

Chrome快捷方式

添加chrome快捷方式到桌面,修改目标:<path>\chrome.exe --remote-debugging-port=9222 --user-data-dir=remote-profile

点击该快捷方式启动chrome,在浏览器地址栏输入:localhost:9222

有缩略图可以选择。点击后,如果无法显示该页,请配置host文件

HOST配置

进入C:\Windows\System32\drivers\etc,编辑HOST文件,添加如下配置。

203.208.46.178 chrome-devtools-frontend.appspot.com

无法没有保存权限,请查找相关教程。

调试页面

前面工作完成后,点击localhost:9222中的缩略图,进入调试页面:

可以看到控制台,在console窗口中可以看到打印信息。

时间: 2024-08-10 07:01:53

在桌面chrome中调试android设备中的web页面的相关文章

如何通过Chrome远程调试android设备上的Web网站

网上的帖子很多,但很多都是老版本的,试过了,根本不管用,花了一天时间,终于在本机试验通过了,特记录下来,以备用.有需要的朋友也可以参考.先上一张图,看看PC端chrome上调试的效果: 左边是手机的模拟操作器,右边是大家熟悉的开发人员工具,也可以在手机上操作,PC端左边屏幕会同步到手机上的界面. 下面再说一下环境配置: 1.手机端,我手机是华为荣耀4,android4.4.4,很旧的手机了,大家别笑话,但不影响本次试验.安装chrome版本为58.0.3029.83: 2.PC端,win7 64

在 Chrome 中调试 Android 浏览器

最近需要使用 Chrome Developer Tools 调试 Android 浏览器,但是官方指南并不是很好使,经过一番折腾,终于调试成功了,在此把经验分享给需要的朋友. Chrome Developer Tools 是前端工程师必不可少的工具,它极大的提高了我们的开发调试效率.在移动开发的时代,我们也必须掌握手机浏览器在 Chrome 中调试的方法.本篇仅介绍 Android. 环境 不同的环境可能存在一些差异,我的环境是: Windows 10 电脑 Chrome 50.0.2661.7

android设备中USB转串口demo 下载

http://files.cnblogs.com/guobaPlayer/testUSB2Serial.apk USB转串口demo程序, 无需驱动,只要手机USB是OTG类型,插上我们的模块即可使用.当前波特率是9600bps 更多USB转GPIO,按键,PWM,红外,SPI,IIC,ADC,欢迎咨询,洽谈. 杭州蓝松科技,专注于android相关软硬件项目的方案开发工作,欢迎联系:qq1852600324" 公司网站:www.lansongtech.com android设备中USB转串口d

通过ADB命令行卸载或删除你的Android设备中的应用(转载)

转自:http://mytiankong.com/?p=11755 如果你对你的Android设备在与命令行的交互间有一定的兴趣,那你可能想学习一些使用ADB卸载设备中已安装应用的技巧.为了使这种方法生效,你将需要在你的电脑中设置好Android ADB.可以去看看关于“ADB”(Android Debug Bridge)与“ADB”(Android Debug Bridge)怎样安装使用两文.另外,你的Android设备必须要能被你的电脑识别,这个层面自然就涉及到Android USB驱动安装

远程调试 Android 设备使用入门

远程调试 Android 设备使用入门 目录 要求 第 1 步:发现您的 Android 设备 第 2 步:从您的开发计算机调试 Android 设备上的内容. 更多操作:重新加载.聚焦或关闭一个标签 检查元素 Android 设备到开发计算机的抓屏 反馈 By Kayce Basques Technical Writer at Google 从 Windows.Mac 或 Linux 计算机远程调试 Android 设备上的实时内容. 本教程将向您展示如何: 设置您的 Android 设备进行

php中调用这个功能可以在web页面中显示hello world这个经典单词

php程序写的时间长了,自然对他所提供的功能了如指掌,他所提供的一大堆功能,真是觉得很好用,但有时候会发现php也缺少一些功能,自己总是会产生为php添加一些自定义的功能的想法.久而久之,终于今天憋不住了,开始动手研究如何添加. 下载一个php的源代码包,这里使用的是php 4.0.5版,解压后会看到php的根目录下会有README.EXT_SKEL这样一个文件,打开详细阅读了一下,发现了一个非常好用的工具,这个工具可以帮你构建一个空的php扩展,然后你向里面添加相应的代码就可以完成你自己的功能

用Chrome devTools 调试Android手机app中的web页面。

(1) 手机要满足Android系统为4.4或更高版本,低版本不支持这种方式.(2) 确保App已经开启了webview的debug调试模式,由Android工程师协助.(2) 用usb数据线连接好手机与电脑.(3) 将手机中的 设置 - 开发人员工具 - USB调试功能打开.(4) 打开chrome://inspect/#devices,即单击chrome右上角控制按钮 - 更多工具 - 检查设备 - 勾选上 Discover USB devices(5) 在app中访问一个web页面,对应的

Android设备中实现Orientation Sensor(图)兼谈陀螺仪

设备中的三自由度Orientation Sensor就是一个可以识别设备相对于地面,绕x.y.z轴转动角度的感应器(自己的理解,不够严谨).智能手机,平板电脑有了它,可以实现很多好玩的应用,比如说指南针等. 我们可以用一个磁场感应器(magnetic sensor)来实现. 磁场感应器是用来测量磁场感应强度的.一个3轴的磁sensor IC可以得到当前环境下X.Y和Z方向上的磁场感应强度,对于Android中间层来说就是读取该感应器测量到的这3个值.当需要时,上报给上层应用程序.磁感应强度的单位

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

手机浏览器是没有开发者工具的,所以调试手机网页是非常麻烦.使用 chrome 的远程调试功能可以像调试桌面端那样调试手机页面. 准备 手机端:chrome for Android, 安装谷歌浏览器 桌面端:谷歌浏览器,版本建议大于手机端的,最好使用 chrome canary USB 连接线, 也就是你充电器的那条线 开启调试模式 使用 USB 连接你的电脑,并开启调试模式. 使用 android 4.2 或以上的手机可能没有调试模式选项,可以找到 “设置 > 关于手机 > 版本号(Build