webviewandroidjs交互
A. Android與Webview交互
補充
- WebViewClient
- WebViewClient主要幫助WebView處理各種通知、請求事件的，比如：
- shouldOverrideUrlLoading
- onLoadResource
- onPageStart
- onPageFinish
- onReceiveError
- onReceivedHttpAuthRequest
- WebChromeClient
-WebChromeClient主要輔助WebView處理javascript的對話框、網站圖標、網站title、載入進度等比如
- onCloseWindow(關閉WebView)
- onCreateWindow()
- onJsAlert (WebView上alert無效，需要定製WebChromeClient處理彈出)
- onJsPrompt
- onJsConfirm
- onProgressChanged
- onReceivedIcon
- onReceivedTitle
JsBridgeGithub傳送門
轉自Android與JsBridge使用原理
JsBridge重要的三點:
BridgeWebview
WebViewJavascriptBridge.js
B. Android使用WebView和JS交互的問題
1、寫在網頁載入完成後不行么
@Override
public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); webview.loadUrl("javascript：" +JSmethod);
}
2、不行將js發過來我試試，沒遇到過這種問題，所以不是很清楚
C. 安卓開發webview與js交互
@JavascriptInterface public String getValue(final String str) { if(str.equals("test")){ //java中不能用==號 return "a"; } return "b";}
D. Android webView 注入js文件，及交互
0.js文件:
鏈接：https://pan..com/s/1MaWKxgkYgQTVQCgn8-dxLg
提取碼：o6wy
3.添加js要調用的Android方法
4.添加（JsBridge：js中調用Android方法的對象名）
5.注入js
6.Android調用js方法傳值給js
步驟3中發送了處理後的消息，在webactivity中接受消息並處理：
數據示例：(參數需要使用單引號包著)
else中對應的
callbackResult('sr1557665118336','{"data":"test"}')
if中對應的
javascript:callbackResult('sr1557665118336','{"data":"test"}')
7.補充：eventbus消息實體封裝類
8.總結：
E. 安卓Webview 與 vue h5 使用js交互
總的來說都是使用安卓webview.loadUrl(url)載入頁面
url為在線網頁連接
將打包好的網頁資源放入安卓靜態目錄
載入目錄為
Android 調用 JS 有兩種方式，都是通過 WebView 的方法：
webview.loadUrl()
webview.evaluateJavascript()
js方法
vue需要把方法掛載到windows
通過映射js object暴露給js操作
安卓
h5調用
經常需要適配安卓和ios
加入以下機型判斷
Android與H5交互——JSBridge - (jianshu.com)
F. androidwebview載入本地js怎麼實現交互
WebView(網路視圖)能載入顯示網頁，可以將其視為一個瀏覽器。它使用了WebKit渲染引擎載入顯示網頁，實現WebView有以下兩種不同的方法：
第一種方法的步驟：
1.在要Activity中實例化WebView組件：WebView webView = new WebView(this);
2.調用WebView的loadUrl()方法，設置WevView要顯示的網頁：
互聯網用：webView.loadUrl("http://www.google.com");
本地文件用：webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在：assets 文件中
3.調用Activity的setContentView( )方法來顯示網頁視圖
4.用WebView點鏈接看了很多頁以後為了讓WebView支持回退功能，需要覆蓋覆蓋Activity類的onKeyDown()方法，如果不做任何處理，點擊系統回退剪鍵，整個瀏覽器會調用finish()而結束自身，而不是回退到上一頁面
5.需要在AndroidManifest.xml文件中添加許可權，否則會出現Web page not available錯誤。
<uses-permission android:name="android.permission.INTERNET" />
第二種方法的步驟：
1、在布局文件中聲明WebView
2、在Activity中實例化WebView
3、調用WebView的loadUrl( )方法，設置WevView要顯示的網頁
4、為了讓WebView能夠響應超鏈接功能，調用setWebViewClient( )方法，設置 WebView視圖
5、用WebView點鏈接看了很多頁以後為了讓WebView支持回退功能，需要覆蓋覆蓋Activity類的onKeyDown()方法，如果不做任何處理，點擊系統回退剪鍵，整個瀏覽器會調用finish()而結束自身，而不是回退到上一頁面
6、需要在AndroidManifest.xml文件中添加許可權，否則出現Web page not available錯誤。
<uses-permission android:name="android.permission.INTERNET"/>
G. android webview js 交互 怎麼調用js 的new
android webview js 交互 調用
第一步：
mainfest.xml中加入網路許可權
[java] view plain
<uses-permission android:name="android.permission.INTERNET" />
第二步：
載入本地寫好的html文件（定義好js中提供給android調用的方法 funFromjs(),和android提供給js調用的對象介面fun1FromAndroid(String name)）,放在 assets目錄下。
[html] view plain
<body>
<a>js中調用本地方法</a>
<script>
function funFromjs(){
document.getElementById("helloweb").innerHTML="HelloWebView,i'm from js";
}
var aTag = document.getElementsByTagName('a')[0];
aTag.addEventListener('click', function(){
//調用android本地方法
myObj.fun1FromAndroid("調用android本地方法fun1FromAndroid(String name)！！");
return false;
}, false);
</script>
<p></p>
<div id="helloweb">
</div>
</body>
第三步：
實現android工程與js交互的相關代碼
android主題代碼：
[java] view plain
@SuppressLint({ "JavascriptInterface", "SetJavaScriptEnabled" })
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化
initViews();
//設置編碼
mWebView.getSettings().setDefaultTextEncodingName("utf-8");
//支持js
mWebView.getSettings().setJavaScriptEnabled(true);
//設置背景顏色 透明
mWebView.setBackgroundColor(Color.argb(0, 0, 0, 0));
//設置本地調用對象及其介面
mWebView.addJavascriptInterface(new JavaScriptObject(mContext), "myObj");
//載入js
mWebView.loadUrl("file:///android_asset/test.html");
//點擊調用js中方法
mBtn1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mWebView.loadUrl("javascript:funFromjs()");
Toast.makeText(mContext, "調用javascript:funFromjs()", Toast.LENGTH_LONG).show();
}
});
}
js調用的android對象方法定義
[java] view plain
public class JavaScriptObject {
Context mContxt;
@JavascriptInterface //sdk17版本以上加上註解
public JavaScriptObject(Context mContxt) {
this.mContxt = mContxt;
}
public void fun1FromAndroid(String name) {
Toast.makeText(mContxt, name, Toast.LENGTH_LONG).show();
}
public void fun2(String name) {
Toast.makeText(mContxt, "調用fun2:" + name, Toast.LENGTH_SHORT).show();
}
}
H. android中webview與js交互
移動開發中，我們經常會遇到混合開發模式，經常是在移動客戶端中增加網頁，來減少客戶端的壓力，同時也讓軟體更加靈活。廢話少說，下面直接進入主題。
webView.getSettings().setAppCachePath(getCacheDir().getAbsolutePath());
webView.getSettings().setAppCacheEnabled(true);
if (Constant.DEBUG) {
webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
}
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
webView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
}
//參數1 定義Android 與js交互的介面， 參數2 與js交互的一個常量，可以是任意一個常量字元串，
但是h5網頁調用的時候需要增加這個參數二：handler
public class JSInterface{
@JavascriptInterface//這個標注必須加上 表示js要調用的方法，可以自動識別
public void getShareInfo(String strings) {
//todo android dosomething
}
}
那麼 js端該如何調用這個方法呢\
android 和ios的調用方法不一樣 因此 h5裡面需要區別andorid和ios機型來分別調用移動端方法
如android：
//handler 是與android 約定的常量（最好做成全局通用的常量）
//getShareInfo 是與android 定義的調用方法
以上常量、方法、參數類型 必須一致才能成功調用
WebView提供兩個事件回調類給應用層，分別為WebViewClient,WebChromeClient開發者可以繼承
這兩個類，接手相應事件處理。WebViewClient 主要提供網頁載入各個階段的通知，比如網頁開始
載入onPageStarted，網頁結束載入onPageFinished等；WebChromeClient主要提供網頁載入過程
中提供的數據內容，比如返回網頁的title,favicon等。
有需要監聽載入網頁進度
//需要webBar的可以自定義增加一個webBar
最後，就是大家都知道的webView.loadUrl(url);//url需要載入的網頁
那麼，如何在android調用js的方法呢
//getMsg() 為js裡面暴露的方法
在銷毀的時候：
protected void onDestroy() {\
super.onDestroy();\
if (webView != null) {\
webView.loadUrl("about:blank");\
webView.destory();\
}\
}
I. 安卓中js和webview交互必須傳值嗎
一、網頁的JS代碼調用ANDROID中JAVA代碼的方法
在網頁中調用java代碼、需要在webview控制項中添加javascriptInterface
contentWebView = (WebView) findViewById(R.id.webview);
//啟用javascript
contentWebView.getSettings().setJavaScriptEnabled(true);
contentWebView.addJavascriptInterface(this, "js對象名");
在Activity中定義一個要被js調用的方法、src為js傳遞過來的參數、如果沒有不傳也可以的哈
public void jsFunction(final String str) {
Toast.makeText(this, str, Toast.LENGTH_SHORT).show();
runOnUiThread(new Runnable() {
@Override
public void run() {
//在里對Android應用的UI進行處理
}
});
}
在網頁中、只需要像調用js方法一樣、進行調用就可團野鋒以
<a onClick="window.js對象名.jsFunction(´hello world´)" >
點擊調用java代碼並傳遞參數
</a>
二、ANDROID中JAVA代碼調用網頁的JS代碼的方法
Java代碼調用js並傳參其實是通過WebView的loadUrl方法去調用的、只是參數url的寫法不一樣而已
// 無參數調用
contentWebView.loadUrl("javascript:javacalljs()");
// 傳遞參數調用
contentWebView.loadUrl("javascript:javacalljswithargs("
+ "´hello world´" + ")");
三、JAVA和JS交互注意事項
1、Java 調用 js 裡面的塌晌函數、效率並不是很高脊碧、估計要200ms左右吧、做交互性很強的事情、這種速度很難讓人接受、而js去調Java的方法、速度很快、50ms左右、所以盡量用js調用Java方法
2、Java 調用 js 的函數、沒有返回值、調用了就控制不到了
3、Js 調用 Java 的方法、返回值如果是字元串、你會發現這個字元串是 native 的、轉成 locale 的才能正常使用、使用 toLocaleString() 函數就可以了、不過這個函數的速度並不快、轉化的字元串如果很多、將會很耗費時間
4、網頁中盡量不要使用jQuery、執行起來需要5-6秒、最好使用原生的js寫業務腳本、以提升載入速度、改善用戶體驗
J. 安卓和javascript交互必須通過webView嗎可以用安卓的其他控制項調用js嗎還有他們能通過volley交互嗎
您好，很高興能幫助您， Android中webview和js之間的交互 1.android中利用webview調用網頁上的js代碼。 Android 中可以通過webview來實現和js的交互，在程序中調用js代碼，只需要將webview控制項的支持js的屬性設置為true，，然後通過loadUrl就可以直接進行調用，如下所示： mWebView.getSettings().setJavaScriptEnabled(true); mWebView.loadUrl("javascript:test()"); 2. 網頁上調用android中java代碼的方法 在網頁中調用java代碼，需要在webview控制項中添加javascriptInterface。如下所示： mWebView.addJavascriptInterface(new Object() { public void clickOnAndroid() { mHandler.post(new Runnable() { public void run() { Toast.makeText(Test.this, "測試調用java", Toast.LENGTH_LONG).show(); } }); } }, "demo"); 在網頁中，只需要像調用js方法一樣，進行調用就可以 <div id='b'><a onclick="window.demo.clickOnAndroid()">b.c</a></div> 3. Java代碼調用js並傳參 首先需要帶參數的js函數，如function test(str)，然後只需在調用js時傳入參數即可，如下所示： mWebView.loadUrl("javascript:test('aa')"); 4.Js中調用java函數並傳參 首先一樣需要帶參數的函數形式，但需注意此處的參數需要final類型，即得到以後不可修改，如果需要修改其中的值，可以先設置中間變數，然後進行修改。如下所示： mWebView.addJavascriptInterface(new Object() { public void clickOnAndroid(final int i) { mHandler.post(new Runnable() { public void run() { int j = i; j++; Toast.makeText(Test.this, "測試調用java" + String.valueOf(j), Toast.LENGTH_LONG).show(); } }); } }, "demo"); 然後在html頁面中，利用如下代碼<div id='b'><a onclick="window.demo.clickOnAndroid(2)">b.c</a></div>， 即可實現調用 你的採納是我前進的動力，還有不懂的地方，請你繼續「追問」！ 如你還有別的問題，可另外向我求助；答題不易，互相理解，互相幫助！