安卓 JS 互調 & 安卓開發過程當中遇到的一些問題

在 APP 開發過程當中，爲了實現頁面的靈活性與開發的高效性，原生與 H5 互調一個很經常使用的手段。這裏簡單介紹下安卓端的原生 JS 互調：

1、JS 調安卓

安卓 WebView 初始化：

webView = new WebView(this);
WebSettings settings = webView.getSettings();
// 設置支持 javaScript 腳步語言
settings.setJavaScriptEnabled(true);
// 支持雙擊-前提是頁面要支持才顯示
settings.setUseWideViewPort(true);
// 支持縮放按鈕-前提是頁面要支持才顯示
settings.setBuiltInZoomControls(true);
// 設置客戶端-不跳轉到默認瀏覽器中
webView.setWebViewClient(new WebViewClient());
// 加載網頁地址
webView.loadUrl("");

複製代碼

安卓註冊 JavascriptInterface

/**
 * Js 中調用 Android 原生代碼核心代碼:
 * 該方法傳入兩個參數: 1.被調用的類; 2.JS 中被調用類的實例對象名字
 */
webView.addJavascriptInterface(new JsCallAndroid(), "Android");
複製代碼

注意：對象名必須和 H5 頁面中 onclick 的名字對應。

安卓端被調用 JsCallAndroid

private class JsCallAndroid {
/**
 * JS 中調用的方法
 */
@JavascriptInterface
public void hello() {
    Toast.makeText(JsCallAndroid.this, "JS 調用原生", Toast.LENGTH_SHORT).show();
}
}
複製代碼

H5 代碼示例

<!--調用 Android 原生代碼:onclick = "window.+Android 傳過來的對象名.+對象中的方法"-->
<input type="button" value="JS 調用 Android" onclick="window.Android.hello()"/>
複製代碼

2、原生調 JS

安卓代碼示例

/**
 * 經過這種形式：javascript:Js文件中的方法名(參數) 
 * 下面的 AndroidCallJs();必須是JS代碼中方法
 * 若是參數是變量,就使用拼接字符串方式傳參
 */
webView.loadUrl("javascript:window.AndroidCallJs" + "("+hello+")");
複製代碼

H5 代碼示例

<script type="text/javascript">
    function AndroidCallJs(arg){
         console.log("原生調 JS");
    }
</script>
複製代碼

小結：安卓 H5 互調，大致上和 iOS H5 互調相似。這裏只抽出了安卓 H5 互調的簡單代碼，有疑問的童鞋歡迎討論，或者你也能夠參考下這篇 博客，或許能夠幫助到你。

接着記一下安卓開發過程當中遇到的幾個小問題，以前開發安卓的時候也遇到過不少問題，但都沒有記錄，很快便忘記了，以致於如今每次用到的時候還得再查，所以這裏簡單記錄一下...

---

安卓開發過程當中遇到的問題

• 由於以前安裝的模擬器比較老，在與 JS 交互時出現了問題，因而須要更新，可是在更新模擬器時，一直報 waiting for target deviceto come online 的問題，解決辦法：

這個問題是由虛擬機引發的，因此要到 AVD manager 解決
第一步：先關掉模擬器；
第二步：打開 AVD manager,找到新的模擬器，裏面有一個選項 Cold Boot Now
點擊一下，模擬器打開並提示一行信息，直接 dismiss 掉就好了；
第三步：從新運行 app 就能夠了。
複製代碼

• 在寫方法時報錯：「錯誤: 未報告的異常錯誤Exception; 必須對其進行捕獲或聲明以便拋出」，在方法後加 throws Exception。

public void getUserInfo(String msg) throws Exception {
    
}

複製代碼

• 遇到「錯誤: 從內部類中訪問本地變量onSuccess; 須要被聲明爲最終類型」，在屬性前加 final 關鍵字。

• 遇到「錯誤: 未報告的異常錯誤JSONException; 必須對其進行捕獲或聲明以便拋出」

try {
    // String 轉 JSONObject
    JSONObject result = new JSONObject(str);
    // 取數據
    result.get("command_type");
                
} catch (JSONException e) {
    e.printStackTrace();
}
複製代碼

---

原文地址：安卓 JS 互調 & 安卓開發過程當中遇到的一些問題

更多文章請點擊：Articles