Android與JS之間跨平臺異步調(diào)用實例詳解
Android與JS之間跨平臺異步調(diào)用
為什么突然要搞這個問題呢?
在開發(fā)瀏覽器的時候遇到這個狗血的問題,花了將近1天的時間才想到這個解決方案,Android與JavaScirpt互調(diào)。
因為接口是抓取的別人的,所以出現(xiàn)了JS跨域問題,Android閃亮登場搞定了。
GIF動畫演示
WebView相關(guān)設(shè)置
WebSettings mWebSettings = getSettings(); mWebSettings.setDefaultTextEncodingName("UTF-8");//設(shè)置默認的顯示編碼 mWebSettings.setJavaScriptEnabled(true);//調(diào)用JS方法.安卓版本大于17,加上注解 @JavascriptInterface
直接放大招->貼代碼
Android
addJavascriptInterface(new Object() { @JavascriptInterface public void toastMessage(final String url, final int type, final int dir) { L.e("url = " + url + " type = " + type + " dir = " + dir); APIWrapper.getInstance() .getLenovoWord(url) .subscribeOn(Schedulers.io()) .observeOn(AndroidSchedulers.mainThread()) .subscribe(new RxSubscriber<ResponseBody>() { @Override public void _onNext(ResponseBody responseBody) { try { String data = responseBody.string(); L.e("data = " + data); loadUrl("javascript:ResCompleted(" + data + "," + type + "," + dir + ")"); } catch (IOException e) { e.printStackTrace(); } } @Override public void _onError(String msg) { loadUrl("javascript:ResCompleted(" + msg + ")"); } }); } }, "Android");
Html
<html> <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;"> <head> <title>Js調(diào)用Android代碼</title> <style> #button-call{ width: 100%; padding: 20px; font-size: 20px; } #div_bg{ background: #cccccc; margin-top: 50px; } </style> <script type="text/javascript"> window.onload=function() { document.getElementById('button_call').onclick=function(){ window.Android.toastMessage("http://api.sina.cn/sinago/list.json?channel=news_toutiao",1, 0); } } function ResCompleted(result,type,dir) { document.getElementById('div_bg').innerHTML='Android調(diào)用JS代碼-成功!!!'+JSON.stringify(result); } </script> </head> <body> <button id="button_call">Js調(diào)用Android代碼</button> <div id="div_bg"></div> </body> </html>
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
- 三步搞定:Vue.js調(diào)用Android原生操作
- DCloud的native.js調(diào)用系統(tǒng)分享實例Android版代碼
- Android中實現(xiàn)WebView和JavaScript的互相調(diào)用詳解
- Android WebView的使用方法及與JS 相互調(diào)用
- Android編程使用WebView實現(xiàn)與Javascript交互的方法【相互調(diào)用參數(shù)、傳值】
- JS調(diào)用Android、Ios原生控件
- Android總結(jié)之WebView與Javascript交互(互相調(diào)用)
- Android webview和js互相調(diào)用實現(xiàn)方法
- Android WebView使用方法詳解 附j(luò)s交互調(diào)用方法
- Android與JS相互調(diào)用的方法
相關(guān)文章
Android 限制edittext 整數(shù)和小數(shù)位數(shù) 過濾器(詳解)
下面小編就為大家?guī)硪黄狝ndroid 限制edittext 整數(shù)和小數(shù)位數(shù) 過濾器(詳解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-04Android RecyclerView多類型布局卡片解決方案
這篇文章主要介紹了Android RecyclerView多類型布局卡片解決方案,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-03-03Android Studio多工程引用同一個library項目配置的解決方法
大家在使用android studio的時候,會遇到多個項目引用相同的library這篇文章主要介紹了Android Studio多工程引用同一個library項目配置方法,需要的朋友可以參考下2018-03-03Android工具欄頂出轉(zhuǎn)場動畫的實現(xiàn)方法實例
這篇文章主要給大家介紹了關(guān)于Android工具欄頂出轉(zhuǎn)場動畫的實現(xiàn)方法,文中通過示例代碼介紹的非常詳細,對各位Android開發(fā)者們具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2018-09-09