【Android】简单实现使用WebView组件实现在App内打开web

亦凉 2021-09-26 13:12 1063阅读 0赞

### 关于WebView组件 ###

详细内容请参考：[Android：这是一份全面 & 详细的Webview使用攻略][Android_ _ _Webview]

### 如何实现在App内嵌web ###

在新建的android项目里，如果要实现内嵌Web，一定要在AndroidManifest.xml设置访问网络权限：  
`<uses-permission android:name="android.permission.INTERNET"/>`

之后就是直接修改layout文件和activity：  
**main.xml**：

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

**activity：**

import android.app.Activity;
    import android.net.http.SslError;
    import android.os.Bundle;
    import android.webkit.SslErrorHandler;
    import android.webkit.WebSettings;
    import android.webkit.WebView;
    import android.webkit.WebViewClient;
    
    public class ForbiddenCityActivity extends Activity { 
       private WebView webView;
         @Override
        protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);             
        init();
      }
    
      private void init(){
        webView = (WebView) findViewById(R.id.webView);
     //需要加载的网页的url
        webView.loadUrl("....");
        WebSettings settings = webView.getSettings();
     // 如果访问的页面中要与Javascript交互，则webview必须设置支持Javascript
        settings.setJavaScriptEnabled(true);
        webView.setWebViewClient(new WebViewClient(){
           public boolean shouldOverrideUrlLoading(WebView view, String url){
             view.loadUrl(url);
             return true;
           }
      });
    
        webView.setWebViewClient(new WebViewClient() {
             @Override 
          public void onReceivedSslError(WebView view,SslErrorHandler handler, SslError error) {
           //等待证书响应
             handler.proceed(); 
          } 
       });
     }
    }

### 使用HTTPS ###

由于webView默认是不处理https请求的，所以如果使用的链接是HTTPS的话还要添加以下内容：

webView.setWebViewClient(new WebViewClient() {
             @Override 
          public void onReceivedSslError(WebView view,SslErrorHandler handler, SslError error) {
             handler.proceed();
          } 
       });

> 参考资料：[WebAPP简单制作][WebAPP]  
> [Android：这是一份全面 & 详细的Webview使用攻略][Android_ _ _Webview]

[Android_ _ _Webview]: https://www.jianshu.com/p/3c94ae673e2a
[WebAPP]: https://www.cnblogs.com/qtqq/p/5271164.html