强制开启android webview debug模式使用Chrome inspect

一、普通h5页面手机端调试

此种方式最简单,在安卓手机中安装安卓版 chrome,USB 连接 PC,然后在 PC 的 chrome 浏览器中打开 chrome://inspect 即可。

三、基于webkit核心的webview端调试

从 Android 4.4 开始,webkit是支持远程调试的,不过需要将app的debug模式打开,可以使用如下代码:WebView.setWebContentsDebuggingEnabled(true);

由于大部分 App 的 debug 模式是关闭的,即便是内部 App,比如 QQ/微信,要去找一个开启了debug 模式的版本还是比较麻烦的。因此需要使用借助第三方工具来强制开启任何 App 的 Android webview debug模式,使之可以使用 chrome inspect。而这个工具就是 Xposed 

我们已经提供了一份要安装的文件,请首先到 https://github.com/feix760/WebViewDebugHook 下载文件。 (也可以直接只需一下操作下载)

网上搜索:Xposed框架下载

1、root设备

因为涉及到 root 权限,因此需要将手机进行 root。有很多工具可以来 root,比如KingRoot、一键root、360一键root等。如果你安装了QQ电脑管家,可以在“电脑管家-工具箱-其他”列表里面看到KingRoot。

2、安装xposed框架

在下载文件的hook.zip中,找到 de.robv.android.xposed.installer_v33_36570c.apk,安装之。也可以去 官网 下载。

3、安装xposed webview debugging模块

在下载文件的hook.zip中,找到 WebViewDebugHook.apk,安装之。

4、激活Xposed

安装后上述两个apk之后,可以看到手机上面出现了一个叫 Xposed Installer 的图标,点击进去之后会看到提示说Xposed未激活,点击红色字体部分,会切换到另外一条页面,点击“安装/更新”按钮即可。

但有部分手机会出现类似如下的错误,导致无法点击“安装/更新”,目前已知的是部分版本的MIUI是会出现这个问题的

安装完成之后,重启再打开,再点击刚才点击过的地方,切入页面之后,勾选,再重启,重启之后即激活了Xposed

            

5、关于QQ等

QQ等默认会使用X5内核,把下载文件中的 debug.conf 放在sd卡根目录下就可以强制它使用 Android 自带 webview 。

6、测试

手机usb连接电脑,使用 chrome 打开 chrome://inspect ,然后打开任意 App 的 webview ,接下来就是见证奇迹的时候了。

原文地址:https://www.cnblogs.com/wang1yi1xian1/p/11017601.html

时间: 2024-11-03 05:42:46

强制开启android webview debug模式使用Chrome inspect的相关文章

Android WebView 调试方法

调试Android WebView中的h5页面,通常就是通过alert和抓包工具来定位问题,效率低且无法直接调试样式或打断点,可谓是事倍功半.本文介绍一下我在项目中使用的新方法,能够通过chrome的开发工具在原生 Android 应用中调试 WebView. 前提条件: Android4.4+ 基本原理: 1.在APP中启用 WebView 调试,开启调试后,Chrome DevTools才能对WebView进行远程调试: WebView.setWebContentsDebuggingEnab

idea 使用maven plugin tomcat 运行正常,无法进入debug模式

idea版本:2017.3.1 .在pom.xml引入plugin tomcat,如下: <build> <defaultGoal>install</defaultGoal> <plugins> <plugin> <groupId>org.apache.tomcat.maven</groupId> <artifactId>tomcat7-maven-plugin</artifactId> <v

010:DEBUG模式详解

Debug模式: 1.创建的Django项目默认就开启debug模式,所以以后我们修改了Django项目代码,然后使用Ctrl + s保存:那么Django项目就会自动重启并加载我们修改后台的代码--无需手动重启: 2.开启Django项目debug模式,在开发.测试过程中出现的bug,将在浏览器中显示:如下图: 3.生产环境中,我想你不会开启Debug模式吧!关闭Debug模式,必须设置ALLOWED_HOSTS变量,如下图所示: 原文地址:https://www.cnblogs.com/zh

Debugging of Chrome Android WebView

Debugging of Chrome Android WebView Chrome Android WebView Debugging 作者: 易旭昕 (@roger2yi) 本文主要描述如何将 Chrome Android WebView (下文简称CAW)的代码从 AOSP 中抽离出来,编译成独立的应用,方便对 CAW 的 Java/C++ 代码进行跟踪调试. 相关的代码位于 GitHub Chrome Android WebView TestShell (下文简称 CAW Shell)

Android通过Chrome Inspect调试WebView的H5 App出现空白页面的解决方法(不需要FQ)

调试基于WebView的Hybrid App最舒服的工具当然是Chrome自带的开发者工具,其中有我们熟悉的Dom树调试,JS调试,Network监视等等功能. Google提供的调试Android上WebView的步骤: 开启手机上的USB调试功能 打开Chrome浏览器,地址栏输入:Chrome://inspect,回车 Chrome会自动检测手机上打开的App,并列出可调试的WebView页面,如图: 点击Inspect,弹出开发者工具进行调试 问题就出现在这里,对于国内的程序猿来说,由于

引入 Tinker 之后如何在 Debug 模式下开启 Instant Run

在<Tinker + Bugly + Jenkins 爬坑之路>一文中讲了在接入 Tinker 之后,Jenkins 中的一些坑,由此,热修复算告一段落,但是,在直接 Run 模式运行时,程序会报出如下错误: Tinker does not support instant run mode, please trigger build by assembleDebug or disable instant run in 'File->Settings...'. 好吧,使用 TInker 时

android webview开启html5支持

最近做的一个小项目需要用到webview.虽然只是一个简单的网页,但是由于以前用的都只是显示本地文件,没有显示网页文件.现在需要显示网页文件,发现许多网站的webapp做的挺不错的,无论是显示还是用户体验都很不错(平时上网用uc的省流量功能看不出来). 但是虽然很好用,却发现部分网页甚至连链接都打不开.如果是个别小众网页都算了,这可是360搜索首页啊,要说别人大公司的静态写的兼容性有问题实在说不过去,所以就只能自己找问题了.最有可能的莫过于部分html5的功能没有开启,因为在以往使用时发现有的h

Android studio build.gradle配置,debug模式下使用正式版签名,重命名apk

在build.gradle文件中,android节点下进行配置. android { compileSdkVersion 22 buildToolsVersion '22.0.1' signingConfigs { release { keyAlias 'xxx' keyPassword 'xxxxxxxxxxxx' storeFile file('./xxx.keystore') storePassword 'xxxxxxxxxxxxxxxx' } config { keyAlias 'xxx

ecshop开启debug模式的方法

ecshop开启debug模式必须修改配置文件文件:data/config.php 中加入 define('DEBUG_MODE', 0); 其中各种模式的函义:0 关闭debug1 显示错误信息2 关闭缓存4 显示debug页面8 记录sql查询 所有的调试模式都开启:15 = 1 + 2 + 4 + 8 在生产坏境建议关闭: define('DEBUG_MODE', '0');