android原生和h5交互

最新推荐文章于 2025-06-15 14:09:09 发布

原创

最新推荐文章于 2025-06-15 14:09:09 发布 · 606 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了如何在Android原生应用中嵌入H5页面，包括加载H5、启用JavaScript、处理点击事件、数据传递以及交互方法。通过设置WebChromeClient和WebViewClient，实现了H5与原生页面的跳转和通信。还详细讲解了如何处理H5中的a链接，以及使用addJavascriptInterface进行Java和JS的双向交互。

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

一：非集成，组件嵌套h5页面
（1）layout在页面添加webview组件；
（2） webView.loadUrl(“file:///android_asset/apps/oneapp/www/plus/nativeui.html”);//载入h5页面
（3）直接载入的h5**,js失效**需要原生开放权限
webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
因为某些不知道都原因，即使加了以上代码，js里面的alert依然不能被调用：
webView.setWebChromeClient(new WebChromeClient()); //js弹出框载体
（4）h5页面的a链接也会失效：
///激活h5页面的a链接////
webView.setWebViewClient(new WebViewClient(){
@SuppressLint(“MissingPermission”)
@Override
public boolean shouldOverrideUrlLoading
(WebView view, String url) {
Log.i(“用户单击超连接”, url);
//判断用户单击的是那个超连接
String tag=“tada:tel”;
if (url.contains(tag))
{
String mobile=url.substring(url.lastIndexOf("/")+1);
Uri uri=Uri.parse(“tel:”+mobile);
Intent intent=new Intent(Intent.ACTION_CALL,uri);
startActivity(in