android webview onJsAlert只调用一次的问题

最新推荐文章于 2021-03-23 16:23:45 发布
最新推荐文章于 2021-03-23 16:23:45 发布
阅读量2.8k 收藏 1
点赞数
分类专栏： 控件 web
控件 同时被 2 个专栏收录
277 篇文章 5 订阅
订阅专栏
web
31 篇文章 0 订阅
订阅专栏

android开发调用javascript的调试过程中，有时候需要使用onJsAlert来输出javascript方法的信息，以帮助我们进行问题定位。

覆写WebChromeClient的onJsAlert方法即可：


class MyWebChromeClient extends WebChromeClient {
       @Override
       public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
           Toast.makeText(MainActivity.this, message, Toast.LENGTH_SHORT).show();
           return true;
       }
   }

mWebView = (WebView) findViewById(R.id.content_webview); 
        mWebView.getSettings().setJavaScriptEnabled(true); 
        mWebView.setHorizontalScrollBarEnabled(false); 
        mWebView.setVerticalScrollBarEnabled(false); 
        mWebView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY); 
                                                    
                                                    
        mJsBridge = new JavascriptBridge(this, mWebView); 
                                                    
                                                    
        mWebView.addJavascriptInterface(mJsBridge, "JSBrige"); 
        mWebView.setWebChromeClient(new MyWebChromeClient());

html文件里弹出alert信息(我把usite.css\usite.js\usite.html都存放在android项目的asset目录下)：

<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="file:///android_asset/usite.css"/>
    <script type="text/javascript" src="file:///android_asset/usite.js"></script>
    <script type="text/javascript">
        String.prototype.trim = function() {
            return this.replace(/^\s+/, '').replace(/\s+$/, '');
        };
        document.addEventListener("DOMContentLoaded", function() {
            alert("hello, I am a alert!");
            loadData();
        }, false);
    </script>
</head>
<body>
<div id="title">{TITLE}</div>
<div id="content">{CONTENT}</div>
</body>
</html>

很可惜的是，运行程序后只弹出了一次

而且后续的js方法无法继续进行。幸运的是，通过搜索，我们找到了问题的所在，需要在每次调完后设置参数JsResult调用cancel()或者confirm()方法，这样子：

class MyWebChromeClient extends WebChromeClient { 
        @Override 
        public boolean onJsAlert(WebView view, String url, String message, JsResult result) { 
            Toast.makeText(DetailActivity.this, message, Toast.LENGTH_SHORT).show(); 
            result.cancel(); 
            return true; 
        } 
    }

问题就解决了。可以方便进行android和javascript方法的调试了。需要注意的一点是，html文件head引用.js文件的时候，格式应该是这样: 

<scripttypescripttype="text/javascript"src="file:///android_asset/usite.js"></script>

而不是 

<scripttypescripttype="text/javascript"src="file:///android_asset/usite.js"/>

转自：http://www.it165.net/pro/html/201305/6014.html



锐湃
关注
专栏目录
Android WebView详解和调用JS，踩坑了
m0_68318673的博客
03-19 4047
*/ @Override public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) { super.onReceivedError(view, request, error); Log.d(“testTimeout”, “-----------加载异常”); } }); （4）访问的页面中有Javascript，则webview必须设置支持Javascript WebSettin
Android调用js简单方法
表叔很ok的博客
03-08 951
// 初始化 web_button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { WebSettings settings = webView.getSett...
android webview onJsAlert 注意事项
Ricky
09-17 1万+
最近在使用 WebView 的 onJsAlert 方法后，发现html页面点击没反应了，代码如下： mWebView.setWebChromeClient(new WebChromeClient(){ @Override public boolean onJsAlert(WebView view, String url, String message, JsResu
解决WebView文件上传无法重复选择问题
Dream It Possible
03-23 1532
Android开发使用WebView控件加载包含表单的 H5 网页，点击上传文件按钮，弹出对话框，选择从相册获取照片、拍照或打开手机文件管理器，从 Android 手机选取一张图片或一个文件，然后通过ValueCallback接口传递，在 WebView 加载的 H5网页 显示。 这里有一个问题，点击“取消”或返回按钮，无法重复回调onShowFileChooser或openFileChooser方法，控制台打印： Attempted to finish an input event but the .
android webview onJsAlert只调用一次的问题，并且页面卡死的问题
maohuihua的专栏
09-15 2643
很可惜的是，运行程序后只弹出了一次 而且后续的js方法无法继续进行。幸运的是，通过搜索，我们找到了问题的所在，需要在每次调完后设置参数JsResult调用cancel()或者confirm()方法，这样子： class MyWebChromeClient extends WebChromeClient {            @Override            
android Webview（H5）中调用相册和拍照
08-15
在Android应用开发中，Webview是一个非常重要的组件，它允许我们加载并运行网页内容，甚至与JavaScript进行交互。本文将详细讲解如何在Android的Webview中调用相册和拍照功能，以实现H5与原生Android应用的深度集成...
android使用webView实现java程序与js脚本的相互调用
07-31
在Android开发中，WebView是一个非常重要的组件，它允许我们在应用程序中加载和显示网页内容。同时，WebView还提供了Java代码与JavaScript交互的能力，使得我们可以利用JavaScript的灵活性和Android原生功能的强大...
Android webview和js互相调用实现方法
09-01
Android Webview是Android系统提供的一种原生组件，它允许开发者在Android应用内加载和显示网页内容。本文将详细介绍如何在Android Webview中实现与JavaScript的互相调用，以便于在App和H5页面之间进行数据交换和...
android webview js alert对话框 不能弹出 解决办法
weixin_34391445的博客
11-19 335
在配置了webview的 setting属性后，以前设置的都是可以直接弹出来的，今天写一个小demo时候莫名其妙的发现alert怎么也出来，即使设置了这么多也不行： webSettings.setJavaScriptEnabled(true); webSettings.setJavaScriptCanOpenWindowsAutomatically(true); webSettings....
android中webview 支持javascript alert不起作用的解决方法
u012536353的专栏
12-26 1791
文章地址：点击打开链接
如何设置WebView使得加载网页时能够执行JavaScript脚本中的alert()函数
倚剑饮酒
04-28 3840
如何设置WebView使得加载网页时能够执行JavaScript脚本中的alert()函数
深坑之Webview,解决H5调用android相机拍照和录像
热门推荐
villa_mou的博客
12-06 8万+
最近在开发过程中遇到一个问题,主要是调用第三方的实名认证,需要拍照和录像,办过支付宝大宝卡和腾讯的大王卡的都知道这玩意,办卡的时候就需要进行实名认证,人脸识别 本来第三方平台(xxx流量公司)说的是直接用WebView加载这个H5界面就完事了,我心想这么简单,那不是分分钟的事,放着后面做(公司就我一个安卓,所以开发都是我说的算^_^,独立开发有的时候还是挺爽) 结
Android中WebView和JS交互之弹出框问题
波波的博客
05-24 7922
        混合开发时，最常见的就是WebView和JS的交互操作，其中有一个操作就是JS的弹出框在Android的WebView中不能弹出问题，相信做过混合开发的童鞋都有遇到这个问题。因为默认情况下,Android WebView是不支持js的Alert(),Confirm(),Prompt()函数的弹出提示框的.即使设置了setJavaScriptEnabled(true);也是没用的.那...
android webview获取js中的alert、confirm、和prompt，以及获取其值
Beluga_白鲸
12-15 7878
说明： 开发中遇到一个需要通过prompt来传值的情况。也就是通过捕获prompt弹出框的值，来显示在原生中，但是不弹出prompt框。 代码： 1、原生调用js代码 private WebView webView; webView.loadUrl("javascript:getParams()"); 2、网页js弹框 function getParams() { w
Android WebView 不能弹出alert的对话框
weixin_40763897的博客
04-01 5387
加载WebView弹框没有弹出来，百思不得其解，后来发现是Android WebView会阻止alert对话框弹出。如何才能让它不阻止呢，解决方法如下： mWebview.setWebChromeClient(new WebChromeClient(){ @Override public boolean onJsAlert(WebView view,...
android 处理webview弹出的alert
sinat_38749089的博客
06-30 5213
做混合开发项目中，遇到h5页面报错，会弹出一个报错信息框，移动端需捕捉 ，并处理 ，处理方法如下：重写你自己的 webChromeClient中的 onJsAlret(WebView arg0, String url, String message,JsResult result)方法， 如图@Override public boolean onJsAlert(WebView arg0, Stri...
Android WebView：实现常见功能与内存优化教程
Android WebView 是Android平台中一个强大的组件，用于在应用内嵌入和展示网页内容。本文将详细介绍如何在Android应用中有效地使用Android WebView 来实现一系列常见的功能和优化用户体验。 首先，Android WebView...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值