Android 上 WebView 和 H5 的调试

最新推荐文章于 2023-10-28 21:56:56 发布

迷路啦

最新推荐文章于 2023-10-28 21:56:56 发布

阅读量1.8k

点赞数 2

分类专栏： Android 文章标签： js webview debug android 调试

本文链接：https://blog.csdn.net/miLLlulei/article/details/108735706

版权

本文介绍了如何在Android中使用WebView加载H5页面，并通过Chrome浏览器的chrome://inspect工具进行调试。详细步骤包括注入JS，开启WebView调试开关，连接手机并检查H5链接，以及在Console中调试客户端与H5的互调方法。

摘要由CSDN通过智能技术生成

Android 端我们一般都是使用 WebView 加载 H5 网页，而我们用到和 H5 JS互调时，很多时候是跟前端开发人员联调来解决问题。
这里介绍如何利用 Chrome 浏览器的 chrome://inspect 来自己调试。

1，要让 H5 能调用我们的方法，需要注入 JS。

addJavascriptInterface(mJavascriptInterface, "Bridge");
public class JavascriptInterface {
   
    @android.webkit.JavascriptInterface
    public void

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

迷路啦

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

安卓篇-webview调试以及源码修改

qq_42423940的博客

01-08

577

webview调试

Android WebView 调试方法

bzt820801的博客

08-20

1382

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

参与评论您还未登录，请先登录后发表或查看评论

Android webView 调试

u010359778的专栏

12-18

1648

调试Android WebView中的H5页面，通常就是通过alert和抓包或者浏览器断点定位，效率低且无法在手机上直接调试样式或打断点，。下面我在项目中使用的新方法，能够通过chrome的开发工具在原生 Android 应用中调试 WebView。前提条件： Android4.4+ 基本原理：一、本地调试： 1.在APP中启用 WebView 调试，开启

Android：远程调试WebView

提笔忘字的帝国

12-15

4996

APP中使用WebView展示网页的结果可能不太理想，那么我们想调试的话就没有在浏览器当中调试方便，不过谷歌浏览器给我们提供了能远程调试的方案。可能需要开代理才能访问！！！配置 WebView手机设置假设你点错了，拒绝了授权，那么就需要先撤销USB调试授权，然后在重连就会弹出授权的框了。

Android 调试 WebView 网页

怪咖先森的博客

09-02

357

记录一下 1. 调试微信网页 chrome 调试微信网页 2. 利用 chrome 浏览器（需 FanQ） Get Started with Remote Debugging Android Devices 3. 离线包的解决方案 Android的WebView调试工具（无需浏览器，无需FanQ）

Android通过Chrome Inspect调试WebView的H5 App离线.rar

09-10

1.前端开发离不开Chrome的开发者工具，尤其是调试Android WebView时。然而，如果使用chrome://Inspect的方法，国内的开发者会惊奇地发现“空白啊”！为此，我发布过这个离线包的解决方案！可以无需FanQ就能调试了。 ...

Android离线webview调试工具,开发H5混合应用必备

05-14

在Android平台上，开发混合应用程序（Hybrid App）时，经常需要用到WebView来加载和展示H5内容。然而，对于H5页面的调试工作，开发者通常依赖于Chrome浏览器的开发者工具（Chrome DevTools），其中的`chrome://...

android webview 中localStorage无效的解决方法

09-03

5. **清除缓存和数据**：在调试过程中，清理WebView的缓存和数据可能会帮助解决问题。可以使用以下方法： ```java mWebView.clearCache(true); mWebView.clearFormData(); mWebView.clearHistory(); mWebView....

Android调试H5

weixin_33719619的博客

03-12

2816

2019独角兽企业重金招聘Python工程师标准>>> ...

安卓webview中的h5页面里js和java相互调用

12-04

安卓webview中h5页面里的js和java相互调用，js和Android代码相互调用

Android webview和js互相调用实现方法

01-20

Android-webview和js互相调用 Android 和 H5 都是移动开发应用的非常广泛。市面上很多App都是使用Android开发的，但使用Android来开发一些比较复杂附属类，提示性的页面是得不偿失的。而H5具有开发速度快，更新不用依赖于App的更新，只需要服务端更新相应的页面即可，所以，App和H5页面相结合就显得尤为重要。而android和H5都不可能每次都是独立存在的，而是相互影响也相互的调用，获取信息等，例如，H5页面要获取App中的用户的基本信息，或者App端要操作H5页面等，下面来看看这两是怎么交互的。先来看一下项目的整体架构（Android studio中的项目

安卓WebView调试方式

最新发布

qq_52308245的博客

10-28

812

安卓webview开启调试功能

【Android】webview页面调试总结

weixin_38792911的博客

05-31

2930

背景描述：当我们使用IDE写app时，原生app里面嵌入webview页面，但是这个页面不好调试，这个时候我们就借用谷歌浏览器来进行调试在Android端 webview页面增加配置代码，是webview可以调试 wv.setWebContentsDebuggingEnabled(true); //wv是webview显示的页面在浏览器地址栏输入 chrome://inspect/#devices ，打开页面找到对应的webview的链接地址，点击下面的 inspect ,就会打开

android 调用h5的方法,Android 中Webview 与h5的交互

weixin_29391747的博客

05-25

3027

首先在这里说一下.现在安卓的开发基本都是混合开发,所以对于每一个安卓开发人员来说,会安卓与H5交互是必须的,在这里首先为大家讲解安卓与H5最简单的交互方式.首先在这里贴出Html代码.html代码如下:交互DemogetUserinfo:/*var rs=window.om.getUserinfo();document.getElementById('userinfo').innerHTML=rs...

安卓IOS客户端调试webview页面的方法，支持实时预览

weixin_58087364的博客

02-11

3017

前端在做混合开发的时候总是会遇到各种兼容问题，有时候不得不使用真机来调试，本文章介绍了一个我觉得挺方便的调试webview的方法，希望这篇文章能够对大家有帮助

Andord 使用Webview调用H5 html文件及跳转页面的问题

a15378785375的博客

10-27

2524

Andord 使用Webview调用H5 html文件及跳转页面的问题背景：使用Android+H5混合开发APP，并从云服务器获取APP数据。Android调用H5代码需要使用 WebView接口，首先使用Android Studio或其它idea创建一个Android原生项目（本示例使用Android Studio），将左侧的目录显示类型切换至“Project”,如图：并在与JAVA主程序所在目录的同级目录下新建一个assets目录来放置前端代码和静态资源，如图：然后在MainActivit

WebView 调试方法

Rand Tsui

06-07

1321

使用remotedebug-ios-webkit-adapter工具 GitHub 地址：https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter 安装之后----- 浏览器输入： chrome://inspect 注：打开该页面有时候需要连接vpn，该页面可以设置端口，与下个步骤的端口要一致下一步，命令行输入：...

H5移动端调试方案全解（iOS&Android&Chrome&vConsole）