如何在Android開發中與js進行交互

這次帶給大家怎麼在Android開發中與js進行交互，Android開發中與js進行交互的注意事項有哪些，以下就是實戰案例，一起來看一下。

我們在開發Android應用程式的時候，很多的時候需要跟網頁打交道，假如我們現在在做一個外賣app，在app首頁會有一個輪詢的廣告位，我們點擊其中一項會跳前往一個wap網頁，在這個網頁裡可能會有幾個餐廳的推廣信息，在用戶點擊某個餐廳後，我們希望跳出wap頁面展示餐廳的詳情，這個時候就需要用到js調用java代碼來實現了。再或者，如果我們需要在wap頁中進行分享可能也需要用js呼叫java程式碼來執行分享的操作。類似這樣的場景很多，如果我們需要實作這種功能，就要了解java和js之間的互動的方法。

WebView的使用

我們在Android中如果希望展示一個網頁，基本上都會使用WebView這個元件，它的基本上使用也很簡單，假如我們希望載入百度首頁，可以像下面這樣寫： 首先在layout檔案中進行宣告

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <WebView 
        android:id="@+id/web_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" /></RelativeLayout>

然後在java檔案中進行使用

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

同時，WebView也允許我們對一些預設設定進行修改，例如，我們希望啟動對javascript的支援並且可以進行縮放，就需要做以下設定：

// 启用javascriptwebView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setUseWideViewPort(true);//是否可以缩放webView.getSettings().setSupportZoom(true);
webView.getSettings().setBuiltInZoomControls(true);if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { 
    getSettings().setDisplayZoomControls(false);
}

但是，如果我們想要在頁面載入的時候處理各種通知、請求事件，或監聽頁面的載入進度等，就需要用到另外兩個類別：WebViewClient 和WebChromeClient。其中，WebViewClient 主要用來監聽通知或要求事件，我們在開發中可能會用到的方法主要是下面幾個：

onPageStarted

onPageFinished

onReceivedError

shouldOverrideUrlLoading

而WebChromeClient 則用來處理javascript、網站圖示、網站title和載入進度等，我們在使用微信時，如果開啟一個網頁，會看到它的上面有一條綠色的進度條，這個功能就是透過重寫WebChromeClient 的onProgressChanged方法來實現的：

public class CustomWebClient extends WebChromeClient { 
    @Override public void onProgressChanged(WebView view, int newProgress) { 
        if (newProgress == 100) { 
            mProgressBar.setVisibility(GONE); 
        } else { 
            if (mProgressBar.getVisibility() == GONE) { 
                mProgressBar.setVisibility(VISIBLE); 
            } 
            mProgressBar.setProgress(newProgress);
        } 
        super.onProgressChanged(view, newProgress); 
    }
}

除此之外，WebView還提供了直接運行javascript的功能，例如，我們可以簡單的彈出一個對話框：

webView.loadUrl("javascript:alert(\"提示信息！\");");

當然，如果我們想要執行js，那麼必須滿足兩個條件，第一個是在設定中開啟javascript支持，即需要調用setJavascriptEnabled(true)，第二個是需要設定WebChromeClient，兩者缺一不可。

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

JavaScript基礎心法 資料型別
JS程式碼怎麼實作記住帳號密碼

#

以上是如何在Android開發中與js進行交互的詳細內容。更多資訊請關注PHP中文網其他相關文章！