WebView常见问题及解决方案

最新推荐文章于 2021-05-27 00:09:27 发布
最新推荐文章于 2021-05-27 00:09:27 发布
阅读量3.9k 收藏 3
点赞数
分类专栏： android 文章标签： webview android WebView常见问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kaka123ac/article/details/42125177
版权
     目前HTML5发展快速，很多native app都会适当地嵌入网页，以此来适应多变的需求变化。但是android的WebView默认支持的功能很弱，很多都需要自定义，才能实现我们想要的效果。并且WebView在不同的版本下，均有不同程度的bug。总结通常使用WebView需要注意的地方如下：

1.重写WebViewClient

     protected ProgressBar mProgressBar;
     private RelativeLayout mLayoutNetError;          //显示网络错误
     private Button mBtnRetry;                         //重新刷新
         
     private boolean mInited = false;          //是否网页初始化完成
     private boolean mNetworkError = false;     //是否网络错误的标记
     protected String mEntryUrl;                    //刚进入时打开的url
    
     private ValueCallback<Uri> mUploadMessage;     //上传文件时用
     
     /**
      * Web View Client
      *
      * @author houjinyun
      * @date 2013-11-18 下午12:44:28
      */
     public class CustomWebViewClient extends WebViewClient {
         
          private static final String TAG = "CustomWebViewClient";
         
           //网页开始加载，在这里可以进行加载动画等等
          @Override
          public void  onPageStarted(WebView view, String url, Bitmap favicon) {
               super.onPageStarted(view, url, favicon);
               mProgressBar.setVisibility(View.VISIBLE);
          }
         
          
          @Override
          public void  onPageFinished(WebView view, String url) {
               super.onPageFinished(view, url);
               mProgressBar.setVisibility(View.GONE);
               if(!mInited && !mNetworkError) {
                    mInited = true;
               }
          }
         
          /**
           * SSL接收过程发生错误
           */
          @Override
          public void  onReceivedSslError(WebView view,
                    SslErrorHandler handler, SslError error) {
               if(!mInited) {
                    mWebView.loadData("", "text/html", "utf_8");
                    mLayoutNetError.setVisibility(View.VISIBLE);     //显示网络错误
                    mBtnRetry.setTag(mEntryUrl);          //记录URL
                    mNetworkError = true;
               } else {
                     //这样才能让WebView处理https请求，否则WebView将无法处理
                     handler.proceed();
               }
          }
         
          /**
           * 接收过程发生错误
           */
          @Override
          public void  onReceivedError(WebView view, int errorCode,
                    String description, String failingUrl) {
               Log.d(TAG, description + "-- error code " + errorCode + " of " + failingUrl);
                //网页加载出现错误，只处理如下几种情况。默认的WebView会直接显示出错的网络地址url，有可能暴露数据。在这种情况下，需要将网页内容置空，提示用户网络错误
               if(errorCode == WebViewClient.ERROR_CONNECT || errorCode == WebViewClient.ERROR_TIMEOUT || errorCode == WebViewClient.ERROR_HOST_LOOKUP) {
                    mWebView.loadData("", "text/html", "utf_8");
                    mLayoutNetError.setVisibility(View.VISIBLE);     //显示网络错误
                    mBtnRetry.setTag(failingUrl);     //记录URL
                    mNetworkError = true;
               }
          }
         
           //return false表示WebView自己处理，return true表示我们自己来处理该url。像“tel:10086”等等类似的url，WebView是不会处理的，需要我们自己来处理。
           //通常情况下，以http、https、file(表示本地网页)开头的url，都给WebView自己来加载，其他类型的url都通过系统应用程序来打开
          @Override
          public boolean  shouldOverrideUrlLoading(WebView view, String url) {
               if(Uri.parse(url).getScheme().startsWith("file")) {
                    //如果是本地加载的话，直接用当前浏览器加载
                    return false;
               }
               if(Uri.parse(url).getScheme().startsWith("http")) {
                    return false;
               }
               if ("about:blank".equals(url)){
                    return false;                         //不需要处理空白页
               }
                //不能识别的，启动系统程序进行加载
               Intent intent = new Intent(Intent.ACTION_VIEW);
               try {
                    intent.setData(Uri.parse(url));
                   context.startActivity(intent);
               } catch (Exception e) {
                    e.printStackTrace();
               }
               return true;
          }
         
     }

2.WebChromeClient

     /**
      * Web Chrome Client
      *
      * @author houjinyun
      *
      */
     public class CustomWebChromeClient extends WebChromeClient{
          private static final String TAG = "WebChromeClient";
          /**
           * 控制台消息输出
           */
          @Override
          public void  onConsoleMessage(java.lang.String message, int lineNumber, java.lang.String sourceId){
               Log.d(TAG, String.format("%s -- From line %s of %s", message, lineNumber, sourceId));
          }
          /**
           * 控制台消息输出
           */
          @Override
          public boolean  onConsoleMessage(ConsoleMessage cm) {
               if (cm.messageLevel() == ConsoleMessage.MessageLevel.DEBUG){
                    Log.d(TAG, String.format("%s -- From line %s of %s", cm.message(), cm.lineNumber(), cm.sourceId()));
               }else if (cm.messageLevel() == ConsoleMessage.MessageLevel.LOG
                         || cm.messageLevel() == ConsoleMessage.MessageLevel.TIP){
                    Log.i(TAG, String.format("%s -- From line %s of %s", cm.message(), cm.lineNumber(), cm.sourceId()));
               }else if (cm.messageLevel() == ConsoleMessage.MessageLevel.WARNING){
                    Log.w(TAG, String.format("%s -- From line %s of %s", cm.message(), cm.lineNumber(), cm.sourceId()));
               }else if (cm.messageLevel() == ConsoleMessage.MessageLevel.ERROR){
                    Log.e(TAG, String.format("%s -- From line %s of %s", cm.message(), cm.lineNumber(), cm.sourceId()));
               }
               return true;
          }
          @Override
          public boolean  onJsAlert(WebView view, String url, String message, final JsResult result){
               AlertDialog.Builder builder = new AlertDialog.Builder(BaseWebActivity.this);
               builder.setMessage(message);
               builder.setPositiveButton(R.string.ok, new DialogInterface.OnClickListener() {                        
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                         result.confirm();
                    }
               });
               builder.setCancelable(false).create().show();
               return true;
          }
    
          /**
           * 页面加载进度
           */
          @Override
          public void  onProgressChanged(android.webkit.WebView view, int newProgress){
               Log.d(TAG, String.format("正在加载...(%s)", newProgress));
          }

          // For Android 3.0+
          public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType) {
               this.openFileChooser(uploadMsg, acceptType, null);
          }

          // For Android < 3.0
          public void openFileChooser(ValueCallback<Uri> uploadMsg) {
               this.openFileChooser(uploadMsg, null, null);
          }

           //针对网页里的<input type="file"  accept="image/*" capture="camera" >, WebView默认是不会弹出选择文件对话框的，需要重写该方法，自己来弹出选择文件对话框。
          //注意SDK不同的版本会有不同的方法，需要统一处理
          // For Android > 4.1.1
          public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture) {
               Log.d("BankkaActivity", "acceptType=" + acceptType + ",capture="+capture);
               mUploadMessage = uploadMsg;
               if ("camera".equalsIgnoreCase(capture) && Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED)){//有存贮卡的话，才走拍照
                    //拍照
                    takePicture4InputFile();
               }else{
                    if (capture == null && (acceptType == null || acceptType.startsWith("image/")) && Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED)){
                         showMenu4InputFile(acceptType);
                    }else{
                         //文件选择
                         chooseFile4InputFile(acceptType);
                    }
               }
          }
         
     }

3.openFileChooser()
      针对网页里<input type="file" />来进行文件上传时，必须重写该方法。见第3点里的重写方法。

     /**
     * 选择文件为客户端的Input File功能
     */
    private void chooseFile4InputFile(String acceptType){
         Intent intent = new Intent(Intent.ACTION_GET_CONTENT);     
          intent.addCategory(Intent.CATEGORY_OPENABLE);      //能够返回一个Uri结果
          if (CommonMethod.isEmpty(acceptType)){//接收类型
               acceptType = "*/*";      //选择的文件类型，例如：image/*表示图片
          }
          intent.setType(acceptType);
          startActivityForResult(Intent.createChooser(intent, "File Chooser"), FILECHOOSER_CHOOSERFILE);
    }
    /**
     * 拍照为客户端的Input File功能
     */
    private void takePicture4InputFile(){
         Intent takePictureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
          startActivityForResult(takePictureIntent, FILECHOOSER_TAKEPICTURE);
    }
    /**
     * 显示选择菜单为Input File功能
     * @param acceptType
     */
    private void showMenu4InputFile(final String acceptType){
         String[] menus = {"拍照", "相册"};
          Dialog dialog = new AlertDialog.Builder(this).setItems(menus, new DialogInterface.OnClickListener() {
               @Override
               public void onClick(DialogInterface dialog, int which) {
                    switch(which){
                         case 0:
                              takePicture4InputFile();
                              break;
                         case 1:
                         default:
                              chooseFile4InputFile(acceptType);
                              break;
                    }
               }
          }).create();

           //这里很重要，如果弹出对话框，用户选择一个图片或者进行拍照，但是进行到一半的时候，用户cancel了，这个时候再去点击“选择文件”按钮时，网页会失去响应。
           //原因是：点击“选择文件”按钮时，网页会缓存一个ValueCallback 对象，必须触发了该对象的onReceiveValue()方法，WebView才会释放，进而才能再一次的选择文件。
          //当弹层被取消时，返回未选择文件
          dialog.setOnCancelListener(new OnCancelListener(){
               @Override
               public void onCancel(DialogInterface dialog) {
                    mUploadMessage.onReceiveValue(null);
                    mUploadMessage = null;
               }
          });
          dialog.show();
    }
     
在onActivityResult()方法里进行回调处理：
if (requestCode == FILECHOOSER_TAKEPICTURE && this.mUploadMessage != null){
               //选择文件时的拍照功能
               Uri uri = null;
               if (resultCode == Activity.RESULT_OK && Environment.getExternalStorageState().equals(Environment.MEDIA_MOUNTED)){
                    FileOutputStream fos = null;
                    try{
                         File file = Environment.getExternalStorageDirectory();
                         file = new File(file, "51zhangdan/temp");
                         if (!file.exists()){
                              file.mkdirs();
                         }
                         file = new File(file, "filechoosertmp.png");
                         Bitmap bitmap = (Bitmap)intent.getExtras().get("data");
                         fos = new FileOutputStream(file);
                         bitmap.compress(CompressFormat.PNG, 100, fos);
                         fos.close();
                         fos = null;
                         uri = Uri.fromFile(file);
                    }catch(Exception e){
                         Log.e(TAG, String.format("处理TakePicture图片数据出错.%s", e.getMessage()));
                    }finally{
                         if (fos != null){
                              try {
                                   fos.close();
                              } catch (IOException e) {
                                   Log.e(TAG, String.format("关闭TakePicture图片数据出错.%s", e.getMessage()));
                              }
                         }
                    }
                   
               }
               //这里进行回调，WebView才能获取到你选择了哪个文件
               this.mUploadMessage.onReceiveValue(uri);     
               this.mUploadMessage = null;
          }

4.DownloadListener
      默认情况下，WebView是不能处理下载链接的，一个download url也是以http、https之类开头的，在shouldOverrideUrlLoading()里是不能根据url来判断它是否是一个下载链接。

//该接口可以监听到WebView里打开的下载链接，重写该接口，我们可以得到下载地址的url，进而自己来处理下载。
public class CustomDownloadListener implements android.webkit.DownloadListener {

          private static final String TAG = "CustomDownloadListener";
         
          @Override
          public void onDownloadStart(String url, String userAgent,
                    String contentDisposition, String mimetype, long contentLength) {
               Log.d(TAG, "download:");
               Log.d(TAG, url+ "");
               Log.d(TAG, userAgent + "");
               Log.d(TAG, contentDisposition + "");
               Log.d(TAG, mimetype + "");
               Log.d(TAG, "contentLength: " + contentLength);
               CommonMethod.launchBrowser(BaseWebActivity.this, url);
          }
         
     }
mWebView.setDownloadListener(new CustomDownloadListener());

5.proguard混淆问题
     混淆时，该WebView里的自定义方法可能会被混淆掉，出现莫名其妙的问题，导致我们的设置都不起作用。例如：
-keep class com.example.app.activities.BaseWebActivity$*{*;}
- keepclassmembers  class com. example .app.activities.BaseWebActivity$*{*;}

-keep public class android.net.http.SslError
-keep public class android.webkit.WebViewClient

-dontwarn android.webkit.WebView
-dontwarn android.net.http.SslError
- dontwarn  android.webkit.WebViewClient

#如果有与javascript进行交互的对象，则需要如下处理方式
-keepclassmembers class com.example.app.view.ComJSInterface {
   public *;
}

6.onDestroy()时问题
     在界面退出时，由于WebView自身的bug，可能会出现一些异常，可以做如下处理：
     @Override
     protected void onDestroy() {
          super.onDestroy();
          if(mWebView != null) {
               ((ViewGroup)findViewById(R.id.RelativeLayout_Content)).removeView(mWebView);
               mWebView.removeAllViews();
               mWebView.destroy();
               mWebView = null;
          }
     }



kaka123ac
关注
专栏目录
Android——WebView加载失败，提示net::ERR_CLEARTEXT_NOT_PERMITTED
数字世界 万物互联
08-22 4422
参照《Android第一行代码》，使用WebView控件，结构无法加载网页提示如下错误，参照转文链接的博主解决，我用的是方法三，感谢这位兄弟，引用，仅学习记录。 【异常原因】：从Android 9.0（API级别28）开始，默认情况下限制了明文流量的网络请求，对未加密流量不再信任，直接放弃请求，因此http的url均无法在webview中加载，https 不受影响。 【解决方法】： 首先保...
浏览器显示ERR_NETWORK_ACCESS_DENIED，安全设置或防火墙可能正在阻止连接，无法上网
最新发布
本博客，博文仅代表个人操作经验，不能完全解决你的问题，仅供参考，佛系回复。
07-19 1万+
Win10 专业版HP台式机。
WebView踩坑系列（二）
zhoushx的博客
12-21 373
WebView传递图片给前端webView中常常会遇到许多的问题，而这些问题给我们开发带来的痛苦已经不能用言语来形容，以下是可能会遇到的问题之一。 开发场景： 开发中可能会有这样的需求，webview加载的网页中要从本地获取图片（或者文件，这里以获取图片为例），获取的图片包括从本地文件夹中获取和拍照获取，在ios系统上前端是可以直接调用拍照或者从相册中获取图片的，但在Android系统上面这一些都要
android webview 超时,Android webview处理超时以及404、500、断网、timeout等页面的问题...
weixin_34757565的博客
05-26 2274
一、超时处理方法有时候断网、网络状况不好或者发生错误等等都会导致webview加载不到页面的情况，这时候我们需要做相应的处理方法，如一个刷新按钮允许用户重新加载，所以需要做相应处理方法，常用的是设置一个时间计时器，并重写WebViewClient中onPageStarted和onPageFinished函数，在onPageStarted执行时启动计时，在onPageFinished关闭计时，并在计...
Android WebView 上传图片问题
qinchun_long的博客
03-25 1428
Android WebView 上传图片问题 因为Android WebView 中上传图片，需要调起手机相册，同时还需要处理相册回调问题！ 要处理上传图片问题，要重写WebView 的 WebChromeClient 代码如下 webView.setWebChromeClient(new WebChromeClient() { @Override public void onPr...
网页通过webview调用android的图片或文件选择,Android网页WebView图片文件上传的问题...
weixin_42299560的博客
05-27 585
在安卓下,webview上传图片点击是没用的,需要自己写一下.网上关于这个的很多,基本都是抄来抄去,没什么用的.这个日期比较新,而且能用就是自定义实现WebChromeClient然后重写 openFileChooser 方法,获取ValueCallback valueCallback当然,要注意不同版本的区别.,但5.0+的项目,就不能用了.回复里有答案.就是重写onShowFileCh...
Android中WebView常见问题及解决方案汇总
01-20
然而，使用WebView时会遇到一些常见的问题，以下是一些问题及其解决方案： 1. **自定义错误显示界面**： 当WebView加载页面失败时，系统默认的错误处理可能不够友好。通过覆写`WebViewClient`中的`onReceivedError...
Android WebView 常见问题及处理方案
09-03
然而，由于WebView的功能限制和...以上就是Android WebView常见的问题及处理方案，理解和掌握这些知识点有助于构建稳定、高效且用户体验良好的应用。在实际开发中，还需要根据项目需求和特定设备环境灵活调整和优化。
Android WebView常见问题及解决方案汇总
xjbclz的专栏
08-02 565
出处: 时之沙: http://blog.csdn.net/t12x3456 Android WebView常见问题解决方案汇总: 就目前而言，如何应对版本的频繁更新呢，又如何灵活多变地展示我们的界面呢,这又涉及到了web app与native app之间孰优孰劣的争论. 于是乎,一种混合型的app诞生了,灵活多变的部分，如淘宝商城首页的活动页面，一集凡客诚品中我们都可
Android5.0以上Webview上传文件注意事项
William_9109的博客
10-29 1953
Webview执行上传操作的逻辑是这样的：首先准备上传时会回调 WebChromeClient类下的 openFileChooser 方法，在这个方法中给我们机会发起Intent来打开支持提供文件的第三方应用，最后在 onActivityResult 回调中将第三方应用提供的内容通过一个叫做 ValueCallback 的参数返回给Webview（详细点来说：ValueCallback是在 ope
androidwebview timeout
weixin_30784945的博客
12-09 223
publicclassMyWebViewClientextendsWebViewClient{ booleantimeout; publicMyWebView(){ timeout=true; } @Override publicvoidonPageStart...
Android_LogCat错误汇总
y22222ly的专栏
07-23 2552
1.
解决Android中webview无法弹出文件选择框的问题
zz6880817的博客
11-17 9860
最近在维护一个项目，发现安卓里面的webview点击网页的类型的控件时，无论你多使劲点都发现无法弹出安卓原生文件选择界面，简直要崩溃了（主要是ios那边可以...）       刚开始以为是权限 问题，后来发现该有的权限都给了，而且也给webview支持了javaScript的设置，最后在想应该是webview哪里被限制了，最后通过一番资料查询，发现要重写WebChromeClient类里面的方
webview加载网页出现("找不到网页net:err_unknown_url_scheme")
海阔天空
06-16 7260
一般情况是由于协议不同引起的，添加下面的设置，如果不是HTTP或HTTPS协议则由浏览器进行解读 webView.getSettings().setUserAgentString("Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:54.0) Gecko/20100101 Firefox/54.0");
Android WebView 加载失败（net::ERR_CLEARTEXT_NOT_PERMITTED）
热门推荐
GeofferySun的专栏
03-15 3万+
大清早被业务群@了，线上App遇到了问题： 提示：net::ERR_CLEARTEXT_NOT_PERMITTED 之前都是没问题的，又是什么问题呢？应该猜到是Android SDK升级造成的没错了，Stackoverflow看看，果不其然。 从Android 9.0（API级别28）开始，默认情况下限制了明文流量的网络请求，对未加密流量不再信任，直接放弃请求，因此http的url均无法在...
iOS webview无法加载网页 Error Domain=kCFErrorDomainCFNetwork Code=310"与安全 web 代理服务器 (HTTPS) 通信时出现问题。"
u014380815的专栏
04-12 9080
错误信息 Error Domain=kCFErrorDomainCFNetwork Code=310 "与安全 web 代理服务器 (HTTPS) 通信时出现问题。" UserInfo=0x155e20e0 {_kCFStreamErrorCodeKey=-2096, NSErrorFailingURLStringKey=https://api.leancloud.cn/1.1/batch/sa...
Android WebView问题与解决方案全解析
以下是一些常见的WebView问题及对应的解决方案： 1. 自定义错误显示界面： 当WebView加载页面时发生错误，例如网络连接失败或页面不存在，Android默认会显示一个简单的错误页面。为了提供更好的用户体验，开发者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值