Android WebView使用

最新推荐文章于 2023-04-25 22:56:24 发布

程序员大咖

最新推荐文章于 2023-04-25 22:56:24 发布

阅读量282

点赞数

点击上方“程序员大咖”，选择“置顶公众号”

关键时刻，第一时间送达！

前言

Android内置webkit内核的高性能浏览器,而WebView则是在这个基础上进行封装后的一个控件,WebView直译网页视图,我们可以简单的看作一个可以嵌套到界面上的一个浏览器控件！

WebView有三个重要的类：WebChromeClient，WebViewClient，WebSettings。

WebChromeClient:辅助WebView处理JavaScript的对话框、网站图标、网站title、加载进度等；
WebViewClient：辅助WebView处理各种通知与请求事件；
WebSettings：WebView相关配置的设置，比如setJavaScriptEnabled()设置是否允许JS脚本执行。

简单使用

使用一：加载一个简单的网页

效果图

public class MainActivity extends AppCompatActivity {
    
    private WebView webView;    
    private long exitTime = 0;    
    
    @Override    
    protected void onCreate(Bundle savedInstanceState) {        
        super.onCreate(savedInstanceState);        
        setContentView(R.layout.activity_main);        
        webView = new WebView(this);        
        webView.setWebViewClient(new WebViewClient() {
             //设置在webView点击打开的新网页在当前界面显示,而不跳转到新的浏览器中            
             @Override            
             public boolean shouldOverrideUrlLoading(WebView view, String url) {
                 view.loadUrl(url);                
                 return true;       
             }
         });        
         webView.getSettings().setJavaScriptEnabled(true);  //设置WebView属性,运行执行js脚本        
         webView.loadUrl("http://www.baidu.com/");          //调用loadView方法为WebView加入链接        
         setContentView(webView);                           //调用Activity提供的setContentView将webView显示出来

    }    
         
         //我们需要重写回退按钮的时间,当用户点击回退按钮：    
         //1.webView.canGoBack()判断网页是否能后退,可以则goback()    
         //2.如果不可以连续点击两次退出App,否则弹出提示Toast    
         @Override    
         public void onBackPressed() {        
             if (webView.canGoBack()) {       
                 webView.goBack();        
             } else {            
                 if ((System.currentTimeMillis() - exitTime) > 2000) {
                     Toast.makeText(getApplicationContext(), "再按一次退出程序",    
                             Toast.LENGTH_SHORT).show();                
                     exitTime = System.currentTimeMillis();            
             } else {
                     super.onBackPressed();        
             } 
             
         }    
    }
}

使用二：布局代码中设置WebView
效果图

package com.example.hfs.webviewsimpledemo;
    
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
     
    private Button btnBack;    
    private TextView txtTitle;    
    private Button btnTop;    
    private Button btnRefresh;    
    private WebView wView;    
    private long exitTime = 0;    
    
    @Override    
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);        
                    
        initView();
    }    
       
    private void initView() {
        btnBack= (Button) findViewById(R.id.btn_back);
        btnTop= (Button) findViewById(R.id.btn_top);
        btnRefresh= (Button) findViewById(R.id.btn_refresh);        
        txtTitle= (TextView) findViewById(R.id.txt_title);        
        wView= (WebView) findViewById(R.id.wView);        
               
        btnBack.setOnClickListener(this);        
        btnRefresh.setOnClickListener(this);        
        btnTop.setOnClickListener(this);        
               
        wView.loadUrl("http://www.baidu.com");        
        wView.setWebChromeClient(new WebChromeClient(){            
            @Override            
            public void onReceivedTitle(WebView view, String title) {                
               super.onReceivedTitle(view, title);                
               txtTitle.setText(title);        
            }     
        });        
              
        wView.setWebViewClient(new WebViewClient() {            
             //在webview里打开新链接            
              @Override            
              public boolean shouldOverrideUrlLoading(WebView view, String url) {                
                  view.loadUrl(url);                
                  return true;      
              }        
        });
        
    }    
    
    //我们需要重写回退按钮的时间,当用户点击回退按钮：    
    //1.webView.canGoBack()判断网页是否能后退,可以则goback()    
    //2.如果不可以连续点击两次退出App,否则弹出提示Toast    
    @Override    
    public void onBackPressed() {       
        if (wView.canGoBack()) {            
            wView.goBack();    
        } else {            
            if ((System.currentTimeMillis() - exitTime) > 2000) {
                Toast.makeText(getApplicationContext(), "再按一次退出程序",
                        Toast.LENGTH_SHORT).show();
                exitTime = System.currentTimeMillis();            
            } else {                super.onBackPressed();            
            
            }
 
        }    
   }    
   
        @Override    
        public void onClick(View view) {        
            switch (view.getId()) {            
                case R.id.btn_back:          
                     finish();          //关闭当前Activity        
                     break;            
                case R.id.btn_refresh:     
                      wView.reload();    //刷新当前页面        
                      break;            
                case R.id.btn_top:      
                      wView.setScrollY(0);   //滚动到顶部      
                      break;        
             }    
        }
   }

布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:tools="http://schemas.android.com/tools"
              android:layout_width="match_parent"              
              android:layout_height="match_parent"              
              android:orientation="vertical"              
              android:padding="5dp"
              tools:context=".MainActivity">    
<RelativeLayout        
android:layout_width="match_parent"        
android:layout_height="48dp"        
android:background="#2D97CB">        
<Button            
android:id="@+id/btn_back"            
android:layout_width="64dp"            
android:layout_height="48dp"            
android:layout_alignParentLeft="true"            
android:text="Back" />        
<Button            
android:id="@+id/btn_top"            
android:layout_width="64dp"            
android:layout_height="48dp"            
android:layout_alignParentRight="true"            
android:text="Top" />        
<Button            
android:id="@+id/btn_refresh"            
android:layout_width="64dp"            
android:layout_height="48dp"            
android:layout_toLeftOf="@id/btn_top"            
android:text="刷新" />        
<TextView            
android:id="@+id/txt_title"            
android:layout_width="match_parent"            
android:layout_height="48dp"            
android:layout_toLeftOf="@id/btn_refresh"            
android:layout_toRightOf="@id/btn_back"            
android:gravity="center"            
android:singleLine="true"            
android:text="新闻"            
android:textColor="#FFFFFF"            
android:textSize="18sp" />    

</RelativeLayout>    

<WebView        
android:id="@+id/wView"        
android:layout_width="match_parent"        
android:layout_height="match_parent" />

</LinearLayout>

注意:这里涉及到一个重定向的问题,可能点两次返回都没有退出App,解决办法:我们只需将 shouldOverrideUrlLoading里的东东删掉，然后写上return false；即可！

使用三:设置缩放以及自适应屏幕

WebSettings settings = wView.getSettings();
settings.setUseWideViewPort(true);//设定支持viewport
settings.setLoadWithOverviewMode(true);   //自适应屏幕
settings.setBuiltInZoomControls(true);
settings.setDisplayZoomControls(false);
settings.setSupportZoom(true);//设定支持缩放

//去掉缩放控件
settings.setDisplayZoomControls(false);

如果时对字体进行缩放,则可以这样:

settings.setTextZoom(int)；

也可以直接设置字体:

settings.setTextSize(TextSize.LARGER)；

这里,Android自带五个可选字体大小的值：SMALLEST(50%),SMALLER(75%),NORMAL(100%),LARGER(150%), LARGEST(200%)。

使用四：获取WebView的Cookie数据

我们都知道Cookie其实只是一个代表用户唯一标识的字符串，情景一般是：用户输入账号密码后，点击登陆，用户要拿着这个Cookie去访问服务器提供的相关服务！我们可以把cookie的获取写到onPageFinsihed的方法中：

@Override
public void onPageFinished(WebView view, String url) {         
     CookieManager cookieManager = CookieManager.getInstance();    
     String CookieStr = cookieManager.getCookie(url); 
     Log.e("HEHE", "Cookies = " + CookieStr);    
     super.onPageFinished(view, url);

使用五：设置WebView的Cookie数据

我们上面获取到了Cookie或者通过其他途径获得了Cookie，我们如何为WebView设置Cookie呢？我们可以在需要设置Cookie的地方加入下述代码：

CookieSyncManager.createInstance(MainActivity.this);  
CookieManager cookieManager = CookieManager.getInstance();  
cookieManager.setAcceptCookie(true);  
cookieManager.setCookie(url, cookies);  //cookies是要设置的cookie字符串 
CookieSyncManager.getInstance().sync();

注意:上述代码需要写在loadUrl()之前，而且如果设置了Cookie了，尽量别再进行其他的设置不然可能会无效，建议设置cookie的写在webView相关设置的最后面,loadUrl()之前!