WebView 實現JS效果和a標簽的點擊事件

目前很多android app都可以顯示web頁面的界面，嵌入式開發，這個界面一般都是WebView這個控件加載出來的，學習該控件可以為你的app開發提升擴展性。

先說下WebView的一些優點：

1. 可以直接顯示和渲染web頁面，直接顯示網頁
2. webview可以直接用html文件（網絡上或本地assets中）作布局
3. 和JavaScript交互調用
4. 網頁標簽的點擊事件

 

效果：（網頁頂部是JS效果滾動，4個模塊可以實現點擊事件，可看到信息提示）

       

 

public class MainActivity extends Activity {

    public String URL = "http://bajie.zhangwoo.cn/app.php?platform=android&appkey=5a379b5eed8aaae531df5f60b12100cfb6dff2c1&c=travel&a=home";
    WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = (WebView) findViewById(R.id.webview);
        webView.loadUrl(URL);
        initView();

    }
    @SuppressLint("SetJavaScriptEnabled") private void initView() {
        // TODO Auto-generated method stub
        webView.requestFocus();
        webView.setHorizontalScrollBarEnabled(true);
        webView.setVerticalScrollBarEnabled(true);
        WebSettings web = webView.getSettings();
        web.setJavaScriptEnabled(true);// 啟用支持javascript
        web.setBuiltInZoomControls(true);
        web.setSupportZoom(true); // 是否支持屏幕雙擊縮放，但是下邊的是前提
        web.setDefaultTextEncodingName("utf-8");// 設置編碼格式
        // 覆蓋WebView默認使用第三方或系統默認瀏覽器打開網頁的行為，使網頁用WebView打開
        webView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                // TODO Auto-generated method stub
                // 返回值是true的時候控制去WebView打開，為false調用系統瀏覽器或第三方瀏覽器

                if (url.indexOf("zwapp://showlist/?tab=zhoubian") != -1) {
                    
                    Toast.makeText(getApplicationContext(), "周邊游", 1).show();
                    
                } else if (url.indexOf("zwapp://showlist/?tab=gonglue") != -1) {
                    
                    Toast.makeText(getApplicationContext(), "旅游攻略", 1).show();
                } else if (url.indexOf("zwapp://showlist/?tab=zhaiguo") != -1) {
                    
                    Toast.makeText(getApplicationContext(), "摘果", 1).show();
                } else if (url.indexOf("zwapp://showlist/?tab=gongyuan") != -1) {
                    
                    Toast.makeText(getApplicationContext(), "主題公園", 1).show();
                    
                } else {

                }
                return true;

            }
        });

    }

}

 

記得加網絡權限

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

 

源碼點擊下載：https://github.com/DickyQie/android-webview