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

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

1.手机与电脑都安装chrome

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

电脑连接的手机真机,利用Chrome调试WebView_第1张图片

电脑连接的手机真机,利用Chrome调试WebView_第2张图片

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

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

电脑连接的手机真机,利用Chrome调试WebView_第3张图片

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

电脑连接的手机真机,利用Chrome调试WebView_第4张图片

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

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

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

2.chrome开发者离线包

3.FQ

 

你可能感兴趣的:(电脑连接的手机真机,利用Chrome调试WebView)