利用Chrome Edge浏览器调试AndroidWebView

前言

对于混合开发的app来说，查看webView的一些报错信息是很重要的一个技巧。虽然android的WebView对于报错信息的提示并不是非常友好，好在有第三方工具可以使用。

Chrome浏览器

1. 输入chrome://inspect

打开chrome浏览器输入chrome://inspect即可进入调试页面

在Devices选项中，可以看到要调试的设备（手机已经通过USB调试连接到电脑上）和要调试的页面（手机已经打开要调试的WebView页面）。

2.点击inspect

点击要调试页面的左下角inspect按钮即可开始调试页面

可惜的是，chrome浏览器会报这个错误，因为国内的网络无法访问 https://chrome-devtools-frontend.appspot.com 如果你有VPN那就不会报这个错误。可以正常调试。如果没有VPN，那就用edge。

Edge浏览器

edge和chrome操作方法类似，只是输入的地址不一样。edge输入edge://inspect

输入edge://inspect/

和chrome一样的调试页面。

点击inspect按钮

可以看到前端朋友非常熟悉的调试页面了。

总结

有了这个工具，再也不怕混合开发WebVIew报错了。

如有错误，欢迎指正。

利用Chrome Edge浏览器调试AndroidWebView相关推荐

Edge浏览器调试移动端设备插件
@Edge浏览器调试移动端设备插件插件获取地址插件地址链接:https://microsoftedge.microsoft.com/addons/Microsoft-Edge-Extensions ...
Chrome/Edge浏览器卡通壁纸
Chrome/Edge浏览器卡通壁纸最美浏览器主页插件 BdTab浏览器插件
appemit支持谷歌chrome edge浏览器在线操作CATIA CAD
appemit支持谷歌chrome edge等浏览器在线操作CATIA CAD等 1 AE.InitApp 初始化连接好websocket 2 OpenApp 打开catia,并且执行read o ...
chrome/Edge浏览器打开提示“STATUS_INVALID_IMAGE_HASH“错误状态码解决办法
win10系统,Edge启动后什么网站都打不开,错误代码:STATUS_INVALID_IMAGE_HASH 重新安装edge浏览器问题依旧导致这个问题的原因是 Google 在79版本(2019年 ...
vscode+node.js 调试js程序/edge浏览器调试javaScript/edge浏览器独立调试编辑并保存代码/浏览器内开发者工具element/console布局(focus Mode)
文章目录 declaration vscode 对于javascript的支持环境使用node.js调试纯js代码使用浏览器调试试验代码 Note! edge浏览器独立调试编辑并保存代码窗格 ...
chrome(edge)浏览器实验特性，以及edge自带一些实用功能：
通用知识点: 网页全截屏 F12->选择手机模式,再选择三个点,选择截全部. 开启沉浸式阅读,选中文字右键即可看见 about:dns =chrome://dns 所有命令chrome://ab ...
修改Chrome/Edge浏览器编码方式
首先这个东西和版本有关,本文用到的 C h r o m e Chrome Chrome 版本为 95.0.4638.54 ( 正式版本 ) ( 64 位 ) 95.0.4638.54(正式版本) ...
2022-09-15 Chrome Edge浏览器开启超线程下载
1. 打开chrome浏览器 --> 设置 -->隐私设置和安全性 -->cookie及其他网站数据随浏览流量一起发送"不跟踪"请求启用预加载网页,以便实 ...
golang读取chrome/edge浏览器本地cookies数据库
去爬个资料,登录验证太麻烦,不如本地浏览器登录后读取cookies直接爬来的方便,本来打算网上找一个现成的代码来读取浏览器cookies数据库,结果度娘半天竟然没有(网上全都是python的),要不就 ...