控件WebView网页的加载

Android：控件WebView网页的加载

WebView可以使得网页轻松的内嵌到app里，还可以直接跟js相互调用。

webview有两个方法：setWebChromeClient 和 setWebClient

setWebClient：主要处理解析，渲染网页等浏览器做的事情

setWebChromeClient：辅助WebView处理Javascript的对话框，网站图标，网站title，加载进度等

WebViewClient就是帮助WebView处理各种通知、请求事件的。

1.在AndroidManifest.xml设置访问网络权限：

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

控件：

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

用途一：加载本地/Web资源

调用WebView的loadUrl()方法，

加载本地资源

webView = (WebView) findViewById(R.id.webView);
webView.loadUrl("file:///android_asset/example.html");

加载web资源：

webView = (WebView) findViewById(R.id.webView);
webView.loadUrl("http://baidu.com");

用途二：在程序内打开网页

创建一个自己的WebViewClient，通过setWebViewClient关联

 public class ListViewItemNewsDetailActivity extends Activity implements OnClickListener{

     private WebView webnews;

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         // TODO Auto-generated method stub
         super.onCreate(savedInstanceState);
         requestWindowFeature(Window.FEATURE_NO_TITLE);
         setContentView(R.layout.listviewitemnews);

         webnews = (WebView) findViewById(R.id.wv_webnews);

         url = getIntent().getStringExtra("url");
         //webview的一些设置
         WebSettings settings = webnews.getSettings();
         settings.setJavaScriptEnabled(true);//开启js
         settings.setBuiltInZoomControls(true);//显示放大缩小按钮
         settings.setUseWideViewPort(true);//支持双击

         webnews.setWebViewClient(new WebViewClient(){
             /**
              *
              * 网页开始加载
              */
             @Override
             public void onPageStarted(WebView view, String url, Bitmap favicon) {
                 // TODO Auto-generated method stub
                 super.onPageStarted(view, url, favicon);
                 System.out.println("网页开始加载");
                 pbbar.setVisibility(view.VISIBLE);
             }
             /**
              *
              * 网页开始结束
              */
             @Override
             public void onPageFinished(WebView view, String url) {
                 // TODO Auto-generated method stub
                 super.onPageFinished(view, url);
                 System.out.println("网页开始结束");
                 pbbar.setVisibility(view.GONE);
             }
             /**
              * 所有跳转的链接都会在此方法中回调
              */
             @Override
             public boolean shouldOverrideUrlLoading(WebView view, String url) {
                 System.out.println("链接url"+url);
                 webnews.loadUrl(url);
                 return true;
 //                return super.shouldOverrideUrlLoading(view, url);
             }
         });

                      /**
              * 获取新闻标题
              *
              */
             @Override
             public void onReceivedTitle(WebView view, String title) {
                 System.out.println("新闻标题:"+title);
                 super.onReceivedTitle(view, title);
             }
         });

         webnews.loadUrl(url);//加载网络
 //        webnews.loadUrl("http://www.itheima.com/");//加载网络

     }
 }

用途三：

如果访问的页面中有Javascript，则webview必须设置支持Javascript

  settings.setJavaScriptEnabled(true);//开启js 

用途四：

如果希望浏览的网页后退而不是退出浏览器，需要WebView覆盖URL加载，让它自动生成历史访问记录，那样就可以通过前进或后退访问已访问过的站点。

 //改写物理按键——返回的逻辑
     @Override
     public boolean onKeyDown(int keyCode, KeyEvent event) {
         // TODO Auto-generated method stub
         if(keyCode==KeyEvent.KEYCODE_BACK)
         {
             if(webView.canGoBack())
             {
                 webView.goBack();//返回上一页面
                 return true;
             }
             else
             {
                 System.exit(0);//退出程序
             }
         }
         return super.onKeyDown(keyCode, event);
     }

用途五：判断页面加载过程

 webnews.setWebChromeClient(new WebChromeClient(){
 59             /**
 60              * 进度变化
 61              *
 62              */
 63             @Override
 64             public void onProgressChanged(WebView view, int newProgress) {
 65                 System.out.println("进度变化:"+newProgress);
 66                 super.onProgressChanged(view, newProgress);
 67             }

用途六：缓存的使用

优先使用缓存

webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);

不使用缓存：

webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);