Android中WebView點擊事件的攔截跳轉到原生的界面

我們可以知道，android中嵌入WebView可以快速實現app開發上線，這個時候H5 和webview之間的交互就變得十分重要了，到目前爲止交互的形式遇到的有三種：
第一：攔截H5界面的控件，具體實現看我前面的一篇博客：
http://blog.csdn.net/qq_33923079/article/details/52869787；
第二：攔截H5界面的點擊事件，我們都是知道H5界面的點擊事件說白了就是請求一個新的url(到目前爲止我是這樣理解的),那麼說白了就是去攔截一個url,這就是本篇博客所要講述的;
第三：爲WebView的每一次網絡請求的url添加標示位（參數），這將在後面的博客中講述。

下面我們來看一下如何去攔截H5界面的點擊事件：

首先是需要設置Web視圖：

// 設置Web視圖
webview.setWebViewClient(new MyWebViewClient());

下面我們來看看MyWebViewClient這個內部類：

// 監聽 所有點擊的鏈接，如果攔截到我們需要的，就跳轉到相對應的頁面。
private class MyWebViewClient extends WebViewClient {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
//這裏進行url攔截
if (url != null && url.contains(/m/phoneRegiste.do)) {
Intent intent = new Intent(PublicWebView.this, RegisterByPhone.class);
PublicWebView.this.startActivity(intent);

finish();
return true;
}  


return super.shouldOverrideUrlLoading(view, url);
}


@Override
public void onPageFinished(WebView view, String url) {
view.getSettings().setJavaScriptEnabled(true);
super.onPageFinished(view, url);


}
}

---

這樣就行了，下面送上福利哦：

public class PublicWebView extends Activity {
private WebView webview;
private ImageButton back;
private LinearLayout public_webview_top;
private boolean showTitle;
private ProgressBar progressBar;


@SuppressLint(JavascriptInterface)
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);


setContentView(R.layout.public_webview);


Intent intent = getIntent();
String url = intent.getStringExtra(url);
String title = intent.getStringExtra(title);
showTitle = intent.getBooleanExtra(show_title, true);


public_webview_top = (LinearLayout) findViewById(R.id.public_webview_top);
if (showTitle) {
public_webview_top.setVisibility(View.VISIBLE);
} else {
public_webview_top.setVisibility(View.GONE);
}
TextView titletv = (TextView) findViewById(R.id.public_webview_title);
titletv.setText(title);


progressBar = (ProgressBar) findViewById(R.id.public_webview_progressbar);


webview = (WebView) findViewById(R.id.public_webview_webview);
// 加載需要顯示的網頁
webview.addJavascriptInterface(new JavascriptInterface(PublicWebView.this), Phoenix_Android);


webview.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
// 設置WebView屬性，能夠執行Javascript腳本
webview.getSettings().setJavaScriptEnabled(true);
// 加載需要顯示的網頁
webview.loadUrl(url);
// 設置Web視圖
webview.setWebViewClient(new MyWebViewClient());
webview.setWebChromeClient(new WebChromeClient() {
@Override
public void onProgressChanged(WebView view, int newProgress) {
if (newProgress == 100) {
progressBar.setVisibility(View.GONE);
} else{
progressBar.setVisibility(View.VISIBLE);
}
super.onProgressChanged(view, newProgress);
}
});


back = (ImageButton) findViewById(R.id.public_webview_back);
back.setOnClickListener(new BackListener(PublicWebView.this, null, 1));


}


@SuppressLint(NewApi)
public class JavascriptInterface {
@SuppressWarnings(unused)
private Context context;


public JavascriptInterface(Context context) {
this.context = context;
}


public void back(String module, int status, String place) {
reFreshBlance();


if (status == -1) { // 用戶取消了
return;
} else if (status == 0) {
Toast.makeText(PublicWebView.this, 充值請求失敗,請稍後重試..., Toast.LENGTH_SHORT).show();
return;
} else if (status == 1) {
// 充值請求成功
reFreshBlance();
// 1.用戶中心進來的有兩個參數
// a.bet參數是返回購彩界面
// b.userCenter返回用戶中心


}
}
}


// 監聽 所有點擊的鏈接，如果攔截到我們需要的，就跳轉到相對應的頁面。
private class MyWebViewClient extends WebViewClient {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
System.out.println(----------------------shouldOverrideUrlLoading 。。 url: + url);


if (url != null && url.contains(/m/phoneRegiste.do)) {
Intent intent = new Intent(PublicWebView.this, RegisterByPhone.class);
PublicWebView.this.startActivity(intent);

finish();
return true;
}  


return super.shouldOverrideUrlLoading(view, url);
}


@Override
public void onPageFinished(WebView view, String url) {
view.getSettings().setJavaScriptEnabled(true);
super.onPageFinished(view, url);


}
}

// 覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK && webview.canGoBack()) {
// webview.goBack();// 返回前一個頁面
finish();
return true;
}
return super.onKeyDown(keyCode, event);
}
}