Android WebView簡單應用

Android WebView簡單應用

WebView是View的一個子類，可以讓你在activity中顯示網頁。在布局中拉入一個WebView，一個Button，一個EditText
布局代碼如下：

源碼代碼如下：

package com.shendan.webrowser;import android.support.v7.app.ActionBarActivity;import android.os.Bundle;import android.view.KeyEvent;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.webkit.WebSettings;import android.webkit.WebView;import android.webkit.WebViewClient;import android.widget.Button;import android.widget.EditText;public class MainActivity extends ActionBarActivity {    EditText editText;    Button button;    WebView webView;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        editText = (EditText)findViewById(R.id.editText1);        editText.setText("http://www.baidu.com");        button = (Button)findViewById( R.id.button1);        webView = (WebView)findViewById(R.id.webView1);        WebSettings webSettings = webView.getSettings();        webSettings.setJavaScriptEnabled(true);        webSettings.setDomStorageEnabled(true);        //點擊頁面內串連直接開啟        webView.setWebViewClient(new WebViewClient(){                   public boolean shouldOverrideUrlLoading(WebView view, String url) {                       view.loadUrl(url);                       return true;                   }               });        button.setOnClickListener( new View.OnClickListener() {                     @Override            public void onClick(View v) {                // TODO Auto-generated method stub                String urlstr = editText.getText().toString();                webView.loadUrl(urlstr);            }        });    }    //點擊後退按鈕返回前面的網頁    public boolean onKeyDown(int keyCode,KeyEvent event)    {        if ((keyCode == KeyEvent.KEYCODE_BACK) && webView.canGoBack()) {                   webView.goBack();                   return true;               }               return super.onKeyDown(keyCode, event);    }    @Override    public boolean onCreateOptionsMenu(Menu menu) {        // Inflate the menu; this adds items to the action bar if it is present.        getMenuInflater().inflate(R.menu.main, menu);        return true;    }    @Override    public boolean onOptionsItemSelected(MenuItem item) {        // Handle action bar item clicks here. The action bar will        // automatically handle clicks on the Home/Up button, so long        // as you specify a parent activity in AndroidManifest.xml.        int id = item.getItemId();        if (id == R.id.action_settings) {            return true;        }        return super.onOptionsItemSelected(item);    }}

有幾個注意點：
1、網址一定要包括http://，
2、要增加網路許可權

這樣就可以簡單進行網頁瀏覽了。

webview的API的合理調用，就可以實現比較完整的瀏覽器功能
比如開啟頁面：

myWebView.loadUrl("http://www.google.com");myWebView.loadUrl("file:///android_asset/XX.html");//HTML檔案事先儲存到asset檔案夾。String htmlString = "Title
This is HTML text
Formatted in italics
Anothor Line
";// 載入這個html頁面。myWebView.loadData(htmlString, "text/html", "utf-8");//假如有中文，使用.myWebView.loadDataWithBaseURL(null,htmlString, "text/html", "utf-8",null);

當你的WebView覆寫了URL載入的行為，它會自動地對訪問過的網頁積累一個曆史，你可以利用 goBack() 和 goForward()方法在這個曆史中前進或後退。

通過重寫WebViewClient，可以更好地控制頁面內的行為。

    public class MyWebViewClient extends WebViewClient    {        @Override        public void onPageFinished(WebView view, String url) {            // TODO Auto-generated method stub            super.onPageFinished(view, url);        }        @Override        public void onPageStarted(WebView view, String url, Bitmap favicon) {            // TODO Auto-generated method stub            super.onPageStarted(view, url, favicon);        }        @Override        public void onScaleChanged(WebView view, float oldScale, float newScale) {            // TODO Auto-generated method stub            super.onScaleChanged(view, oldScale, newScale);        }        @Override        public boolean shouldOverrideKeyEvent(WebView view, KeyEvent event) {            // TODO Auto-generated method stub            return super.shouldOverrideKeyEvent(view, event);        }        @Override        public boolean shouldOverrideUrlLoading(WebView view, String url) {            // TODO Auto-generated method stub            return super.shouldOverrideUrlLoading(view, url);        }    }

接下來講一點比較重要的，就是Webview與js互動。

1.android中利用webview調用網頁上的js代碼。

將webview控制項的支援js的屬性設定為true，然後通過loadUrl就可以直接進行調用，如下所示：

mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.loadUrl(“javascript：test()”);

2.網頁上調用android中java代碼的方法

在網頁中調用java代碼，需要在webview控制項中添加javascriptInterface。如下所示：