Android與JS之間跨平臺(tái)異步調(diào)用實(shí)例詳解
Android與JS之間跨平臺(tái)異步調(diào)用
為什么突然要搞這個(gè)問題呢?
在開發(fā)瀏覽器的時(shí)候遇到這個(gè)狗血的問題,花了將近1天的時(shí)間才想到這個(gè)解決方案,Android與JavaScirpt互調(diào)。
因?yàn)榻涌谑亲ト〉膭e人的,所以出現(xiàn)了JS跨域問題,Android閃亮登場搞定了。
GIF動(dòng)畫演示
WebView相關(guān)設(shè)置
WebSettings mWebSettings = getSettings(); mWebSettings.setDefaultTextEncodingName("UTF-8");//設(shè)置默認(rèn)的顯示編碼 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)分享實(shí)例Android版代碼
- Android中實(shí)現(xiàn)WebView和JavaScript的互相調(diào)用詳解
- Android WebView的使用方法及與JS 相互調(diào)用
- Android編程使用WebView實(shí)現(xiàn)與Javascript交互的方法【相互調(diào)用參數(shù)、傳值】
- JS調(diào)用Android、Ios原生控件
- Android總結(jié)之WebView與Javascript交互(互相調(diào)用)
- Android webview和js互相調(diào)用實(shí)現(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ù) 過濾器(詳解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04Android RecyclerView多類型布局卡片解決方案
這篇文章主要介紹了Android RecyclerView多類型布局卡片解決方案,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03Android Studio多工程引用同一個(gè)library項(xiàng)目配置的解決方法
大家在使用android studio的時(shí)候,會(huì)遇到多個(gè)項(xiàng)目引用相同的library這篇文章主要介紹了Android Studio多工程引用同一個(gè)library項(xiàng)目配置方法,需要的朋友可以參考下2018-03-03Android工具欄頂出轉(zhuǎn)場動(dòng)畫的實(shí)現(xiàn)方法實(shí)例
這篇文章主要給大家介紹了關(guān)于Android工具欄頂出轉(zhuǎn)場動(dòng)畫的實(shí)現(xiàn)方法,文中通過示例代碼介紹的非常詳細(xì),對各位Android開發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-09-09Android自定義View實(shí)現(xiàn)選座功能
這篇文章主要介紹了Android自定義View實(shí)現(xiàn)選座功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-09-09Android實(shí)現(xiàn)清除應(yīng)用緩存功能
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)清除應(yīng)用緩存功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-11-11Android中的Selector的用法詳解及實(shí)例
這篇文章主要介紹了Android中的Selector的用法詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-05-05