电脑连接的手机真机，利用Chrome调试WebView

前端最头疼的事情莫过于适配不同的手机，用chrome浏览器PC端模拟出来的ui往往不是完全相同的。这里我详细记录一下用小米8连接pc，调试真机出现的bug。

1.手机与电脑都安装chrome

2.用数据线连接电脑，打开手机的开发者模式

小米的开发者模式如何打开：连击MIUI版本，按照提示连击数下，然后去到设置-更多设置-开发者选项。

3.在电脑版chrome输入chrome://inspect/#devices

4.手机打开chrome，在电脑的Open tab with url里面输入想要访问的地址，然后点击inspect

5.需要注意的是，chrome这个需要访问外网环境，要fq。不然点击了inspect就会出现空白或者404.、

根据今天的搜索，有三种方法，

1.修改google的host，但是这个经常需要更新。

2.chrome开发者离线包

3.FQ

电脑连接的手机真机，利用Chrome调试WebView相关推荐

android studio 连接华为手机真机
1.手机开启开发者模式(Honor V10) 设置->关于手机->连续点击版本号5次就能出现开发者模式->返回上一级出现开发者选项->打开选项(开发者选项,USB调试) 2.a ...
pc端debugger微信、电脑debugger微信、电脑调试微信支付、pc调试微信支付、电脑调试真机微信、通过电脑调试手机真机打开的微信H5页面、通过电脑chrome调试手机真机打开的微信H5
pc端debugger微信.电脑debugger微信.电脑调试微信支付.pc调试微信支付.电脑调试真机微信.通过电脑调试手机真机打开的微信H5页面.通过电脑chrome调试手机真机打开的微信H5 ...
iOS 11开发教程（十）iOS11无线连接手机真机测试
iOS 11开发教程(十)iOS11无线连接手机真机测试在Xcode 9.0中,已经可以通过无线连接手机进行真机测试了.具体的操作步骤如下: (1)首先需要使用数据线将手机连接到苹果电脑上. (2) ...
安装 | Android studio连接不上真机解决办法（电脑安装虚拟机不成功的情况下）
博主github:https://github.com/MichaelBeechan 博主CSDN:https://blog.csdn.net/u011344545 **很多人安装Android St ...
uniapp项目怎么连接手机真机调试
如果你的手机是第一次运行uniapp的项目,那么你需要注意一下的事项 (作为一个米粉,我就以小米手机为例写真机测试的注意要点) 1.首先你需要数据线把你的手机和电脑连接 2.手机点开设置,点击我的设备 ...
android学习笔记---asm.jar的使用方法--手机真机屏幕同步抓取软件
1 简介一款同步手机真机屏幕到PC上的软件(屏幕实时抓取,有点小卡) 2 开源地址 http://code.google.com/p/android-screen-monitor/ 3 使用步骤 ① ...
2022年最新android studio连接雷电模拟器真机调试教程
android studio连接雷电模拟器真机调试载雷电模拟器,打开并进入如下页面进入设置点击关于平板电脑连续点击5次版本号会提示已经打开开发者模式退回设置页面可以看到开发者模式已经打开 ...
同步手机真机屏幕到PC上的软件使用方法
1 简介一款同步手机真机屏幕到PC上的软件(屏幕实时抓取,有点小卡) 2 开源地址 http://code.google.com/p/android-screen-monitor/ 3 使用步骤 ① ...
Android -- 手机真机调试
Mac 华为手机 EMUI 界面使用 USB 线将手机与电脑连接,手机设置打开开发者模式,开启USB 调试,即可进行真机测试. 如何开启 USB 调试: 设置 --> 关于手机 --> ...
微信小程序本地电脑tomcat启服务,真机测试实现
最近开发小程序,小程序真机请求只支持https.开发中想实时的预览开发成果,就需要在本地配置域名的ssl证书,最后实现手机和电脑在同一局域网下就可以实现真机测试本地启的项目.(我在公司测试手机电脑都连 ...

电脑连接的手机真机，利用Chrome调试WebView

电脑连接的手机真机，利用Chrome调试WebView相关推荐

最新文章

热门文章