webview中js调用客户端

最新推荐文章于 2023-06-02 17:56:56 发布

叶常落

最新推荐文章于 2023-06-02 17:56:56 发布

阅读量594

点赞数

CC 4.0 BY-SA版权

分类专栏： frontend

本文链接：https://blog.youkuaiyun.com/lineuman/article/details/86557216

frontend 专栏收录该内容

76 篇文章

订阅专栏

本文介绍在安卓和iOS平台上，H5页面如何与原生App进行交互，包括使用WebView、vConsole进行调试的方法，以及通过JavaScript Bridge实现js与原生代码互调的技术细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019-01-19目录

安卓

webview内核WebKit， Chromium
安卓调试可以使用vconsole

        var vConsole = new VConsole();

需要安卓中针对webview提供接口供js调用

js代码
<script>
window.android.doString()
</script>

安卓代码
JavascriptInterface

ios

关于objectC我不太了解，oc和js交互可以参考这篇文章https://www.jianshu.com/p/d12ec047ce52
https://github.com/marcuswestin/WebViewJavascriptBridge#usage
在这里插入图片描述

2019-01-21

可以通过vconsole调试H5项目
引入

<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
<script>
var vconosole = new VConsole()
</script>

要理解H5网页在app中的的生命周期和窗口控制的基本概念。
支付宝里面的h5
左上角的返回逻辑，点击返回按钮会先判断history.length，如果值为0，那么就会自动退出当前窗口。但如果history.length大于0，那么就会先执行history.back()，返回当前窗口的历史记录上一页，同时在导航栏返回按钮的右侧显示出一个『关闭』按钮。

如何唤醒app?
例如支付宝的scheme为
alipays://platformapi/startapp?appId=