首頁 > web前端 > js教程 > 主體

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

php中世界最好的语言
發布: 2018-03-07 09:46:51
原創
1786 人瀏覽過

這次帶給大家怎麼在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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!