如何利用Chrome devTools调试android手机上的web网站
答案:2 悬赏:80 手机版
解决时间 2021-02-20 01:56
- 提问者网友：鐵馬踏冰河
- 2021-02-19 05:23
如何利用Chrome devTools调试android手机上的web网站
最佳答案
- 五星知识达人网友：独行浪子会拥风
- 2021-02-19 05:55
1、在Android手机上安装Chrome（ Chrome for Android ）
应用超市、或者google官网即可下载。
2、电脑系统安装了最新版的Chrome
最新版Chrome，确保开发者工具正常使用
3、Android手机装了USB驱动
在设备管理器查看是否正确安装了驱动，如无，则需要到手机的官网下载，例如：小米1S的驱动
一、安装Android SDK
下载Android SDK， ，本人的机器是windows，下载的文件为adt-bundle-windows-x86，解压并释放到D:/soft/android/adt（你也可以选择其他路径）
二、允许Android 手机启用USB调试
1、android系统设置：“设置”》“开发人员选项”》“USB调试”；
2、手机上Chrome浏览器设置：打开Chrome浏览器，点击左下角菜单按键，“设置”》“开发者工具”》“启用USB网页调试”
三、运行Android SDK
1、设置环境变量：右击“我的电脑”》“属性”》“高级”》“环境变量”》编辑“PATH”变量值，在末尾添加“;D:\soft\android\adt\sdk\platform-tools”
2、运行adb
打开cmd，输入如下命令：
adb forward tcp:9222 localabstract:chrome_devtools_remote
四、调试
1、在手机上用Chrome打开需要调试的网站
2、在电脑上用Chrome打开http://localhost:9222/，
3、调试
点击需要调试的网站，熟悉的Developer Tools就出来了，
至此，利用Chrome在android手机上调试网站的方法告一段落。
应用超市、或者google官网即可下载。
2、电脑系统安装了最新版的Chrome
最新版Chrome，确保开发者工具正常使用
3、Android手机装了USB驱动
在设备管理器查看是否正确安装了驱动，如无，则需要到手机的官网下载，例如：小米1S的驱动
一、安装Android SDK
下载Android SDK， ，本人的机器是windows，下载的文件为adt-bundle-windows-x86，解压并释放到D:/soft/android/adt（你也可以选择其他路径）
二、允许Android 手机启用USB调试
1、android系统设置：“设置”》“开发人员选项”》“USB调试”；
2、手机上Chrome浏览器设置：打开Chrome浏览器，点击左下角菜单按键，“设置”》“开发者工具”》“启用USB网页调试”
三、运行Android SDK
1、设置环境变量：右击“我的电脑”》“属性”》“高级”》“环境变量”》编辑“PATH”变量值，在末尾添加“;D:\soft\android\adt\sdk\platform-tools”
2、运行adb
打开cmd，输入如下命令：
adb forward tcp:9222 localabstract:chrome_devtools_remote
四、调试
1、在手机上用Chrome打开需要调试的网站
2、在电脑上用Chrome打开http://localhost:9222/，
3、调试
点击需要调试的网站，熟悉的Developer Tools就出来了，
至此，利用Chrome在android手机上调试网站的方法告一段落。
全部回答
- 1楼网友：西岸风
- 2021-02-19 07:06
1、打开 Chrome 浏览器 ,地址栏输入：chrome://inspect/#devices
2、将android 设备USB连接或Wifi连接到电脑（这里只操作USB，window os）,打开设备上的Chrome客户端app，然后打开一个web界面（这里以百度首页为例）,手机如果连接成功，且打开了Chrome 客户端app ,你将会看到如下界面：
3、上图中的"百度一下"就是客户端打开的web页面，然后点击其下的“inspect”，将会出现以下界面：
4、你可以在该界面操作手机web界面等等，至于其他功能，请自行探究，谢谢~
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯