chrome手机版打开调试模式_移动端利用chrome浏览器在PC端进行调试方法

由于最近工作中遇到需要在电脑上调试手机端的功能和样式，之前也没有遇到过，所以就各种百度和试验。最后终于功夫不负有心人，成功了。(那一刻心情真滴很鸡冻啊~~~~~~~~~)。所以暂时记录下来。以免鸡冻过度再给忘记了。

好，接下来就是具体的步骤啦。由于没有什么笔墨经验，所以都是大白话啦。

需必备的条件手机端下载最新的chrome浏览器

电脑端下载最新的chrome浏览器

手机和电脑都可以FQ(需要FQ这是遇到坑后才知道的)。

数据线

开始操作

1.把手机的开发者选项打开，然后把允许通过USB调试的选项打开

有些手机的开发者选项是隐藏的。需要一定的操作才会出来。这个可以根据各自的手机型号去百度相应的方法。

下面以我华为mate10pro为例：

首先设置->系统->关于手机->版本号在版本号那一列连续敲七下就可以启动开发者模式(不用时最好关掉开发者模式)

打开开发者模式后返回系统那个页面可以看到开发者选项进入开发者选项打开usb调试选项，如图：

然后用数据线连接手机和电脑，这时手机会弹出一个提示框，点击确认连接。

接下来打开你PC端的chrome浏览器在地址栏输入：chrome://inspect/#devices

勾选上Discover USB devices这个选项让浏览器去发现链接的设备。

你的设备如果出现在这个页面上了，就证明你连接成功了。否则就是没有连接上。

然后，在手机上打开chrome浏览器，打开你想调试的页面。

你所打开的页面就会显示在电脑上，如下图：

如果想调试哪个页面就可以点击那个页面下的 inspect ，就可以打开调试页面了。

好，这时坑来了，如果你打开后是个空白。并没有显示出你的页面。或者出现了个类似404提示。那是应该就是因为访问chrome需要FQ的原因。只要FQ的问题解决了就会出现正常的调试页面啦。

看着是不是跟PC页面调试没有什么区别呀！(￣︶￣)

好了，接下来就可以进行你的调试之旅了。

目前自己只了解了这一种方式，如果还有其他更简单灵活的方式，欢迎大家留言指导哦！

作者：尙

原文链接：https://www.cnblogs.com/chenshanyuanzi/p/10445839.html

chrome手机版打开调试模式_移动端利用chrome浏览器在PC端进行调试方法相关推荐

移动端利用Safari浏览器在pc进行调试（ios手机safari+Safari调试(mac)）
最近在进行移动端的开发,本地运行的页面样式和真机测试时样式有区别.这个时候就需要通过设置代理使手机能够访问电脑端的网页. 所需设备: 1.ios手机 2.mac电脑 3.mac电脑安装Charles软 ...
安卓手机如何打开.crx文件_如何在安卓手机上使用Chrome插件
原标题:如何在安卓手机上使用Chrome插件目前世面上的手机浏览器大都以chrome为核心,奇怪的是chrome在桌面版上的神技-"插件",在手机上却不支持.于是乎国内手机浏览器 ...
安卓手机如何打开.crx文件_如何在安卓手机上使用Chrome插件-crx文件
目前世面上的手机浏览器大都以chrome为核心,奇怪的是chrome在桌面版上的神技-"插件",在手机上却不支持.于是乎国内手机浏览器别管是内置的还是第三方也同样追随了chrome ...
前端工程师之华为手机如何打开开发者模式并进行手机调试查看原生APP效果。
导读:我这手机是华为nova 3系列手机,作为一名前端工程师,需要将代码安装包搞到手机,便于查看自己开发的功能模块是否完善. 目录工具准备华为手机如何打开开发者模式? 替换手机应用安装包
安卓手机如何打开.crx文件_安卓手机如何打开.crx文件
目前世面上的手机浏览器大都以chrome为核心,奇怪的是chrome在桌面版上的神技-"插件",在手机上却不支持.于是乎国内手机浏览器别管是内置的还是第三方也同样追随了chrome ...
iPhone手机怎么打开开发者模式？iPhone手机如何测试uni-app HBuilder
iPhone手机怎么打开开发者模式? 步骤1:下载iTools苹果助手 https://www.itools.cn/ 打开iTools,电脑连接手机长这样! 步骤2:点击工具箱->实时桌面 ...
android 输入法字典_【输入法】向Android端Gboard字典中导入PC端搜狗细胞词库
[输入法]向Android端Gboard字典中导入PC端搜狗细胞词库环境 Android 5.1.1 Gboard 8.7.10.272217667-release -armeabi-v7a PC端 ...
启动成功浏览器显示不了_移动端利用chrome浏览器在PC端进行调试方法
由于最近工作中遇到需要在电脑上调试手机端的功能和样式,之前也没有遇到过,所以就各种百度和试验.最后终于功夫不负有心人,成功了.(那一刻心情真滴很鸡冻啊~~~~~~~~~).所以暂时记录下来.以免鸡冻过 ...
我的世界手机版javaui材质包_传奇世界中变版手机版下载-传奇世界中变版手机版最新下载...
传奇世界中变版手机版是一款玩家可以在手机上免费进行体验的传奇手游,多种不同的职业玩家可以自由进行探索,各种刺激的竞技pk大赛将在这里进行,在这里游戏中的角色外观也是可以自由定义的,刺激热血沸腾的战斗随 ...

chrome手机版打开调试模式_移动端利用chrome浏览器在PC端进行调试方法

chrome手机版打开调试模式_移动端利用chrome浏览器在PC端进行调试方法相关推荐

最新文章

热门文章