解决webview内的iframe中的事件不可用的问题

最近做Android的Webview开发,使用iframe中嵌入了很多页面,嵌入的页面却不可用,最后发现是

 webView.setWebViewClient(new WebViewClient() {
   @Override
   public boolean shouldOverrideUrlLoading(WebView view, String url) {
    return super.shouldOverrideUrlLoading(view, url);
   }

不要覆写

shouldOverrideUrlLoading

这个方法,覆写这个方法会拦截ifame中的事件。

补充知识:Android 原生WebView访问使用iFrame网页问题(页面找不到了)

问题:

项目使用原生WebView访问使用了iFrame的网页出现的问题,列表页使用iFrame跳转到淘宝客的地址,单独访问淘宝客地址是能够打开。但列表页跳转过去总是提示“页面找不到了”,尝试很多方法,最终发现是WebView对第三方Cookie支持的问题。

解决:

if (android.os.Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP)
CookieManager.getInstance().setAcceptThirdPartyCookies(mWebView, true);

完整配置:

  mWebView.setWebViewClient(new WebViewClient() {
   @Override
   public void onPageStarted(WebView view, String url, Bitmap favicon) {
    super.onPageStarted(view, url, favicon);
   }

   @Override
   public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
    handler.proceed();
    super.onReceivedSslError(view, handler, error);
   }

   @Override
   public boolean shouldOverrideUrlLoading(WebView view, String url) { return super.shouldOverrideUrlLoading(view, url);
   }

   @TargetApi(Build.VERSION_CODES.LOLLIPOP)
   @Override
   public WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request) {
    return super.shouldInterceptRequest(view, request);
   }

   @Override
   public void onPageFinished(WebView view, String url) {
    super.onPageFinished(view, url);
    if (null != title && null != view && TextUtils.isEmpty(mTitle))
     title.setText(view.getTitle());
   }
  });
  mWebView.setWebChromeClient(new WebChromeClient() {
          @Override
          public void onProgressChanged(WebView webView, int i) {
           super.onProgressChanged(webView, i);
          }

          @Override
          public boolean onJsConfirm(WebView view, String url, String message, android.webkit.JsResult result) {
           return super.onJsConfirm(view, url, message, result);
          }

          @Override
          public void onShowCustomView(View view, CustomViewCallback callback) {
           super.onShowCustomView(view, callback);
          }

          @Override
          public void onHideCustomView() {
          }

          @Override
          public boolean onShowFileChooser(WebView webView, android.webkit.ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {
           return super.onShowFileChooser(webView, filePathCallback, fileChooserParams);
          }

          @Override
          public boolean onJsAlert(WebView view, String url, String message, android.webkit.JsResult result) {
           return super.onJsAlert(view, url, message, result);
          }

          @Override
          public void onReceivedTitle(WebView view, String title) {
           super.onReceivedTitle(view, title);
          }
         }

  );

 WebSettings mWebSettings = mWebView.getSettings();

  mWebSettings.setAllowFileAccess(true);
  mWebSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);
  mWebSettings.setSupportZoom(true);
  mWebSettings.setBuiltInZoomControls(true);
  mWebSettings.setUseWideViewPort(true);
  mWebSettings.setSupportMultipleWindows(false);
  mWebSettings.setAppCacheEnabled(true);
  mWebSettings.setDomStorageEnabled(true);
  mWebSettings.setJavaScriptEnabled(true);
  mWebSettings.setGeolocationEnabled(true);
  mWebSettings.setAppCacheMaxSize(Long.MAX_VALUE);
  mWebSettings.setAppCachePath(getDir("appcache", 0).getPath());
  mWebSettings.setDatabasePath(getDir("databases", 0).getPath());
  mWebSettings.setGeolocationDatabasePath(getDir("geolocation", 0)
    .getPath());
  mWebSettings.setPluginState(WebSettings.PluginState.ON_DEMAND);
  mWebSettings.setLoadWithOverviewMode(true);
  mWebSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);
  String mUserAgent = mWebSettings.getUserAgentString();
  mWebSettings.setUserAgentString(mUserAgent + " App/AppName");
  syncCookie();
  mWebSettings.setUseWideViewPort(true);
  mWebSettings.setLoadWithOverviewMode(true);
  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
   mWebSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
  } else {
   mWebSettings.setCacheMode(WebSettings.LOAD_DEFAULT);
  }
  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
   mWebSettings.setDisplayZoomControls(false);
  }
  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
   mWebSettings.setLoadsImagesAutomatically(true);
  } else {
   mWebSettings.setLoadsImagesAutomatically(false);
  }
  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
   mWebSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
  }
  if (android.os.Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP)
   CookieManager.getInstance().setAcceptThirdPartyCookies(mWebView, true);

  mWebView.setScrollBarStyle(WebView.SCROLLBARS_INSIDE_OVERLAY);
  mWebView.setHorizontalScrollBarEnabled(false);
  mWebView.setHorizontalFadingEdgeEnabled(false);
  mWebView.setVerticalFadingEdgeEnabled(false);

  mWebView.requestFocus();
 private void syncCookie() {
  CookieSyncManager.createInstance(this);
  CookieManager cookieManager = CookieManager.getInstance();
  cookieManager.setAcceptCookie(true);
  CookieSyncManager.getInstance().sync();
 }

以上这篇解决webview内的iframe中的事件不可用的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

(0)

相关推荐

  • Android 带进度条的WebView 示例代码

    前言 如果不使用系统自带的TitleBar(即Activity被设置@android:style/Theme.NoTitleBar),那就需要自己来写进度条了,这里封装了一个自定义控件和加载网页的公共Activity,方便使用. 正文 一.截图 二.自定义控件 复制代码 /** * 带进度条的WebView * http://www.cnblogs.com/over140/archive/2013/03/07/2947721.html * */ @SuppressWarnings("deprec

  • Android WebView userAgent 设置为桌面UA实例

    最近一个大屏项目中使用到支付宝扫码支付,但是webview加载扫码支付链接时会自动跳转到移动版页面,网上查找怎么设置,没找到解决方案.于是自己随便试了下 webview.getSettings().setUserAgentString("PC"): 或 webview.getSettings().setUserAgentString("电脑"): 竟然真的可以. userAgent可以设置浏览器标识,Android/iphone/ipod/ipad/PC等,这个应该

  • 解决webview内的iframe中的事件不可用的问题

    最近做Android的Webview开发,使用iframe中嵌入了很多页面,嵌入的页面却不可用,最后发现是 webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { return super.shouldOverrideUrlLoading(view, url); } 不要覆写 shouldOverride

  • vue中内嵌iframe的src更新页面未刷新问题及解决

    目录 vue内嵌iframe的src更新页面未刷新 原因 解决 iframe的src指向的内容不刷新的解决方法之一 总结 vue内嵌iframe的src更新页面未刷新 vue中,系统使用iframe内嵌了其他系统的页面,iframe的src修改了,但是iframe内部页面内容未更新,也未请求接口. 原因 iframe的src中如果带hash #,src改变是不会刷新的. 解决 方式一:可以在 # 号前加一个随机数或者时间戳,但这种方式会改变url:方式二:在组件上加key,强制刷新页面. 方式一

  • 解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题

    在IE与google chrome中则一切正常,很是郁闷,找了很多种调用iframe中函数的方法,问题一直没有解决.今天在google上又搜索了一下,耐心的浏览搜索结果,最后发现有人写到可以用 document.getElementById('iframeid').contentWindow.myFunc(); 这样的方式,以前没有看到过这种写法,抱着死马当活马医的心态,试了一下这段代码.奇迹发生了,药到病除.现在这种方法在前面提到的三种浏览器中都能正常的工作,在这里做下笔记,以备后用.

  • JS中touchstart事件与click事件冲突的解决方法

    前言 移动互联网是未来的发展趋势,现在国内很多互联网大佬都在争取移动这一块大饼,如微信及支付宝是目前比较成功的例子,当然还有各种APP和web运用. 下面这篇文章主要介绍了关于JS中touchstart事件与click事件冲突解决的相关内容,下面话不多说了,来一起看看详细的介绍吧. 一 · 业务场景的描述 在对已完成的PC站点进行移动端适配时,我们想要站点在移动设备上有更快的响应速度,以带给用户更好的体验,此时,我们应该使用移动设备专用的事件系统,例如,使用 touchstart 事件代替 cl

  • 解决vue组件中click事件失效的问题

    最近使用vue学习开发移动端的项目,使用了bette-scroll插件做滚动.在引入better-scroll的组件中使用@click事件的时候,点击事件失效,v-on:click.v-bind:click.@click.native都不行,试了一下@touchstart是却是可以的,发现better-scroll的配置中没有设置click:true,设置过之后click事件成功. 后来在使用vuex的时候一直报"[vuex] unknown mutation type: changeCity&

  • vue 解决在微信内置浏览器中调用支付宝支付的情况

    我的思路大概是这样的 1. 验证是否是在微信内置浏览器中调用支付宝 2.给支付页面的url加上调用接口所需的参数(因为在微信里是不能直接调用支付宝的需要调用外部浏览器) 3.在外部浏览器中完成支付跳转页面 第一步: payment: 是选择支付页面,pay-mask是用于在微信内置浏览器中调用支付宝的中间页 payment主要代码: let ua = window.navigator.userAgent.toLowerCase() ua.match(/MicroMessenger/i) == "

  • jQuery在iframe中无法弹出对话框的解决方法

    jQuery的弹出框使用很方便,但是如果在iframe中使用则弹不出对话框,而有时候我们还必须得使用iframe而不能用jQuery的load方式,这个时候就需要处理这个问题. 其实也非常简单,思路就是让iframe的父窗口弹出这个对话框.例如: parent.confirmDialog(); 这样就可以用了.不是什么有技术含量的问题,记下来,防止忘记.

  • Vue中emit事件无法触发的问题及解决

    目录 Vue emit事件无法触发问题 Vue中emit的使用 vue子传父参数的方法共有两种 下列优先讲解下其emit的传输方法 Vue emit事件无法触发问题 在父组件中定义事件监听,会出现无法触发对应的事件函数,在下面的代码中,我想通过v-on:event_1=“handle”, 想监听子组件中的event_1事件,但尽管事件发生了, 但还是触发不了,这个问题在于v-on:event_1="handle"的位置,需要放在 <my-template :users=“user

  • 一些主流JS框架中DOMReady事件的实现小结

    原来比较常用的是window的onload 事件,而该事件的实际效果是:当页面解析/DOM树建立完成,并完成了诸如图片.脚本.样式表甚至是iframe中所有资源的下载后才触发的.这对于很多 实际的应用而言有点太"迟"了,比较影响用户体验.为了解决这个问题,ff中便增加了一个DOMContentLoaded方法,与onload相比,该 方法触发的时间更早,它是在页面的DOM内容加载完成后即触发,而无需等待其他资源的加载.Webkit引擎从版本525(Webkit nightly 1/20

  • 理解JavaScript中worker事件api

    如果你不是很了解Event事件,建议先这篇文章<理解javascript中DOM事件>. 首先,我们需要实例一个Worker的对象,浏览器会根据新创建的worker对象新开一个接口,此接口会处理客户端与indexedDB数据库之间的通信.这里的数据库是指浏览器数据库.如果,你需要判断浏览器是否支持worker对象,详见如下代码.或者浏览器是否支持indexedDB数据库,详见同下,二者判断最好选择前者.因为IE不支持indexedDB . if(window.Worker){ dosometh

随机推荐