Android中WebView的使用

╰半夏微凉° 2022-08-07 00:18 271阅读 0赞

# Android中WebView的使用 #

## 一、什么是WebView ##

Android 中的WebView（网络视图），可以这么去理解，就是一个内置的浏览器。它使用了WebKit渲染引擎加载显示网页。

## 二、WebView的使用方式 ##

### 1.实例化一个WebView ###

### 2.调用WebView的loadUrl()方法，设置WevView要显示的网页： ###

互联网用：webView.loadUrl("http://www.baidu.com");  
本地文件用：webView.loadUrl("file:///android\_asset/XX.html"); 此本地文件存放于assets 文件中

### 3.需要在AndroidManifest.xml文件中添加权限，否则会出现Web page not available错误。 ###

<uses-permission android:name="android.permission.INTERNET" />

下面是简单的示例代码：

import android.app.Activity;  
    import android.os.Bundle;  
    import android.view.KeyEvent;  
    import android.webkit.WebView;  
     
    public class MainActivity extends Activity {  
        private WebView webview;  
        @Override 
        public void onCreate(Bundle savedInstanceState) {  
            super.onCreate(savedInstanceState);  
            //实例化WebView对象  
            webview = new WebView(this);  
            //加载需要显示的网页  
            webview.loadUrl("http://www.baidu.com/");  
            //将Web视图作为activity的视图  
            setContentView(webview);  
        }  
        
    }

### 4、不同的使用方法 ###

上面的示例代码，我们讲解了直接webview视图直接作为activity的视图，在实际项目当中，我们经常是需要将webview作为一部分嵌入到activity的视图中的。如果想这么做，我们需要先在布局文件中声明WebView。  
下面是示例代码：

import android.app.Activity;  
    import android.os.Bundle;  
    import android.view.KeyEvent;  
    import android.webkit.WebView;  
    import android.webkit.WebViewClient;  
     
    public class MainActivity extends Activity {  
        private WebView webview;  
        @Override 
        public void onCreate(Bundle savedInstanceState) {  
            super.onCreate(savedInstanceState);  
            setContentView(R.layout.main);  
            webview = (WebView) findViewById(R.id.webview);  
            //加载需要显示的网页  
            webview.loadUrl("http://www.baidu.com/");  
        }  
       
    }

xml示例代码：

<?xml version="1.0" encoding="utf-8"?> 
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
        android:orientation="vertical" 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent" 
        >    
        <WebView   
            android:id="@+id/webview" 
            android:layout_width="fill_parent" 
            android:layout_height="fill_parent" 
            /> 
    </LinearLayout>

### 5、webview的关闭 ###

当我们在使用有声音播放的webview，我们如果直接finish掉webview做依赖的activity，我们会发现webview的声音播放还未停止，这是因为activity虽然被finish掉了，但是webview实际并未被销毁掉。  
我们需要调用webview的destroy方法销毁webview。  
下面是示例代码：

//webview的销毁
    public void stop() {
    		web_view.destroy();
    		((Activity) getContext()).finish();
    	}

## 三、webview的参数设置 ##

webview的参数有很多，下面我们直接上一段示例代码进行说明

//设置支持js代码
    		web_view.getSettings().setJavaScriptEnabled(true);
    		//设置支持插件
    		web_view.getSettings().setPluginState(PluginState.ON);
    		//设置允许访问文件数据
    		web_view.getSettings().setAllowFileAccess(true);
    		//设置是否支持插件
    		web_view.getSettings().setPluginsEnabled(true);
    		//支持缩放
    		web_view.getSettings().setSupportZoom(true);
    		//支持缓存
    		web_view.getSettings().setAppCacheEnabled(true);
    		//设置缓存模式
    		web_view.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
    		//设置此属性，可任意比例缩放
    		web_view.getSettings().setUseWideViewPort(true);
    		web_view.getSettings().setLoadWithOverviewMode(true);

## 四、WebViewClient的使用 ##

WebViewClient主要帮助WebView处理各种通知、请求事件的。比如：  
onLoadResource  
onPageStart  
onPageFinish  
onReceiveError  
onReceivedHttpAuthRequest  
例如以下示例代码：

webView.setWebViewClient(new WebViewClient(){
    
    
                            @Override
                            public void onLoadResource(WebView view, String url) {
                                    super.onLoadResource(view, url);
                                    Log.i(TAG, "onLoadResource: ");
                            }
    
    
                            @Override
                            public void onPageFinished(WebView view, String url) {
                                    super.onPageFinished(view, url);
                                    Log.i(TAG, "onPageFinished: ");
                            }
    
    
                            @Override
                            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                                    super.onPageStarted(view, url, favicon);
                                    Log.i(TAG, "onPageStarted: ");
                            }
    
    
                            @Override
                            public void onReceivedHttpAuthRequest(WebView view,
                                            HttpAuthHandler handler, String host, String realm) {
                                    super.onReceivedHttpAuthRequest(view, handler, host, realm);
                                    Log.i(TAG, "onReceivedHttpAuthRequest: ");
                            }
    
    
                            @Override
                            public void onReceivedSslError(WebView view,
                                            SslErrorHandler handler, SslError error) {
                                    super.onReceivedSslError(view, handler, error);
                                    Log.i(TAG, "onReceivedSslError: ");
                            }
    
    
                            @Override
                           public boolean shouldOverrideUrlLoading(WebView view, String url) {
                                    Log.i(TAG, "shouldOverrideUrlLoading: ");
                                   return super.shouldOverrideUrlLoading(view, url);
                           }
    
    
                            @Override
                            public void onReceivedError(WebView view, int errorCode,
                                            String description, String failingUrl) {
                                    super.onReceivedError(view, errorCode, description, failingUrl);
                                    Log.i(TAG, "onReceivedError: ");
                                    Log.i(TAG, "errorCode: "+errorCode);
                                    Log.i(TAG, "description: "+description);
                                    Log.i(TAG, "failingUrl: "+failingUrl);
                            }
    
    
                            @Override
                            @Deprecated
                            public void onTooManyRedirects(WebView view, Message cancelMsg,
                                            Message continueMsg) {
                                    super.onTooManyRedirects(view, cancelMsg, continueMsg);
                                    Log.i(TAG, "onTooManyRedirects");
                            }
                            
                            
                            
                    });

## 五、WebChromeClient的使用 ##

WebChromeClient主要辅助WebView处理Javascript的对话框、网站图标、网站title、加载进度等比如  
onCloseWindow(关闭WebView)  
onCreateWindow()  
onJsAlert (WebView上alert无效，需要定制WebChromeClient处理弹出)  
onJsPrompt  
onJsConfirm  
onProgressChanged  
onReceivedIcon  
onReceivedTitle  
  
  
例如以下示例代码：

webView.setWebChromeClient(new WebChromeClient(){
    
    
                            @Override
                            public void getVisitedHistory(ValueCallback<String[]> callback) {
                                    super.getVisitedHistory(callback);
                                    Log.i(TAG, "getVisitedHistory");
                            }
    
    
                            @Override
                            public void onCloseWindow(WebView window) {
                                    super.onCloseWindow(window);
                                    Log.i(TAG, "onCloseWindow");
                            }
    
    
                            @Override
                            public boolean onCreateWindow(WebView view, boolean isDialog,
                                            boolean isUserGesture, Message resultMsg) {
                                    Log.i(TAG, "onCreateWindow");
                                    return super.onCreateWindow(view, isDialog, isUserGesture, resultMsg);
                            }
    
    
                            @Override
                            @Deprecated
                            public void onExceededDatabaseQuota(String url,
                                            String databaseIdentifier, long quota,
                                            long estimatedDatabaseSize, long totalQuota,
                                            QuotaUpdater quotaUpdater) {
                                    super.onExceededDatabaseQuota(url, databaseIdentifier, quota,
                                                    estimatedDatabaseSize, totalQuota, quotaUpdater);
                                    Log.i(TAG, "onExceededDatabaseQuota");
                            }
    
    
                            @Override
                            public void onProgressChanged(WebView view, int newProgress) {
                                    super.onProgressChanged(view, newProgress);
                                    Log.i(TAG, "onProgressChanged newProgress "+newProgress);
                            }
    
    
                            @Override
                            public void onReceivedIcon(WebView view, Bitmap icon) {
                                    super.onReceivedIcon(view, icon);
                                    Log.i(TAG, "gonReceivedIcon");
                            }
    
    
                            @Override
                            public void onReceivedTitle(WebView view, String title) {
                                    super.onReceivedTitle(view, title);
                                    Log.i(TAG, "onReceivedTitle");
                            }
    
    
                            @Override
                            public void onRequestFocus(WebView view) {
                                    super.onRequestFocus(view);
                                    Log.i(TAG, "onRequestFocus");
                            }
                    });

## 六、一些使用的小技巧 ##

### 1、打开Android本地文件。 ###

当网页html文件中有使用到input type=“file”的时候，Android的webview默认是不支持这个标签的，那需要怎么做呢。  
这个时候需要重写webview的WebChromeClient，以下是示例代码：

webView.setWebChromeClient(new WebChromeClient() {
    			public void openFileChooser(ValueCallback<Uri> uploadMsg) {
    
    
    				mUploadMessage = uploadMsg;
    				Intent i = new Intent(Intent.ACTION_GET_CONTENT);
    				i.addCategory(Intent.CATEGORY_OPENABLE);
    				i.setType("image/*");
    				ChangeImgActivity.this.startActivityForResult(
    						Intent.createChooser(i, "File Chooser"),
    						FILECHOOSER_RESULTCODE);
    
    
    			}
    
    
    			public void openFileChooser(ValueCallback uploadMsg,
    					String acceptType) {
    				mUploadMessage = uploadMsg;
    				Intent i = new Intent(Intent.ACTION_GET_CONTENT);
    				i.addCategory(Intent.CATEGORY_OPENABLE);
    				i.setType("*/*");
    				ChangeImgActivity.this.startActivityForResult(
    						Intent.createChooser(i, "File Browser"),
    						FILECHOOSER_RESULTCODE);
    			}
    
    
    			public void openFileChooser(ValueCallback<Uri> uploadMsg,
    					String acceptType, String capture) {
    				mUploadMessage = uploadMsg;
    				Intent i = new Intent(Intent.ACTION_GET_CONTENT);
    				i.addCategory(Intent.CATEGORY_OPENABLE);
    				i.setType("image/*");
    				ChangeImgActivity.this.startActivityForResult(
    						Intent.createChooser(i, "File Chooser"),
    						ChangeImgActivity.FILECHOOSER_RESULTCODE);
    
    
    			}
    
    
    		});

### 2、浏览网页的回退。 ###

当我们在使用一些浏览器浏览网页的时候，经常会遇到这种功能，点击Android的返回键，就会产生网页回退，这个功能应该如何实现呢。  
以下是示例代码：

webView.setOnKeyListener(new View.OnKeyListener() {
    			@Override
    			public boolean onKey(View v, int keyCode, KeyEvent event) {
    				if (event.getAction() == KeyEvent.ACTION_DOWN) {
    					if (keyCode == KeyEvent.KEYCODE_BACK && webView.canGoBack()) {
    						webView.goBack();
    						return true;
    					}
    				}
    				return false;
    			}
    		});

### 3、Android中Java代码和网页中js代码的交互。 ###

在开发中，有时候需要使用Java代码去调用网页中的js代码，或者js代码要调用Java的代码。要实现此功能，首先要设置webview的参数。  
Java调用js代码较为简单，直接使用loadUrl方法即可。

flash_view.loadUrl("javascript:Play()");

js代码回调Java代码较为复杂一点。Java 代码：  
//设置支持js代码

web_view.getSettings().setJavaScriptEnabled(true);
    //设置js代码的回调
    web_view.addJavascriptInterface(new CallJava(), "CallJava");
    //js代码的回调
    private final class CallJava{
    		public void consoleFlashProgress(float progressSize, int total){
    			//设置播放进度条
    			showFlashProgress(progressSize, total);
    		}
    	}

JS 代码：  
//动态显示播放影片的当前桢/总桢数(进度条显示)

function showcount(){
    				total = movie.TotalFrames();
    				frame_number = movie.CurrentFrame();
    				frame_number++;
    				var progressSize = 500*(frame_number/total);
    				CallJava.consoleFlashProgress(progressSize,total/12);
    			}

注：一下代码很大一部分摘抄自网络，在此感谢各位代码提供者。作者只是做了整理和总结，希望能帮到各位开发者