目录
前言
大家都知道用PC调试网页比较方便，但是如果是想调试WebView中嵌入的网页呢？可能部分同学不知道怎么样去调试，这一篇文章我就把如何用Chrom浏览器调试WebView中嵌入的网页的方法给大家介绍下，希望能帮到观看的同学。
调试步骤
1.下载正式版的Chrom浏览器
这个大家可自行搜索下载
2.程序中设置WebView为可调式
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
WebView.setWebContentsDebuggingEnabled(true);
}
3.手机通过USB连接电脑
这个需要在开发者模式中打开USB调试，相信各位同学应该不陌生
4.Chrome浏览器打开特定链接
在Chrom浏览器地址栏中输入chrome://inspect
5.手机运行需要调试的APP
这里我嵌入了一个本地的网页
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<h1 style="text-align: center;">斗罗大陆</h1>
<button id="btn">点击我</button>
<img src="https://img2.baidu.com/it/u=584858828,3339321933&fm=26&fmt=auto&gp=0.jpg" />
<img src="https://img2.baidu.com/it/u=2251685662,643427371&fm=26&fmt=auto&gp=0.jpg" />
</body>
<script>
var btn = document.getElementById("btn")
btn.onclick = function(){
console.log("点击完毕")
}
</script>
</html>
运行起来效果如下
里面有个“点击我”的按钮，点击之后会在控制台输出点击完毕
6.Chrome浏览器调试页面
当我们运行APP的时候，Chrome浏览器会显示可以调试的网页，可能其他应用的网页也会显示在这里，这时我们只需找到自己想调试的页面，然后点击inspect即可
点击完inspect按钮会出现调试的页面，这个页面大家应该都比较熟悉，这根调试PC的网页是一样的
这时我们点击“点击我”按钮，可以看到控制台打印如下信息
补充
1.调试服务器的网页
这里调试本地的网页操作都一样
2.点击inspect后调试器加载不出来
这里如果调试器加载不出来的话，需要用梯子翻一下就行了
网友评论