Android 與前端互動
public class MainActivity extends AppCompatActivity {
private Button button;
private WebView webView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
button = (Button) findViewById(R.id.button);
webView = (WebView) findViewById(R.id.webView);
initView();
}
private void initView() {
webView.loadUrl("http://192.168.1.71:8080/test/");
//Android 響應js呼叫
WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);
webView.addJavascriptInterface(new Test(), "hello");
//Android 呼叫js
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
webView.loadUrl("javascript:fun("+i+++")");
}
});
}
private int i = 0;
public class Test {
@JavascriptInterface
public void showAndroid() {
button.setText(String.valueOf(i++));
}
}
}
<html>
<head>
<title>$Title$</title>
<script>
//響應Android的呼叫
function fun(name) {
var button = document.getElementById("button");
button.innerText = name;
}
</script>
</head>
<body>
<button id="button" onclick="window.hello.showAndroid()">呼叫Android方法</button>
</body>
</html>
程式碼很簡單照著敲一遍就什麼都懂了
參照:https://www.cnblogs.com/cherrylv/p/6424199.html
2018/07/06
在新公司中又學到了他們進行互動的方法
repositories {
// ...
maven { url "https://jitpack.io" }
}
dependencies {
compile 'com.github.lzyzsd:jsbridge:1.0.4'
}
參考:https://www.jianshu.com/p/b3d120753bbb
或者自行百度谷歌
相關文章
- Flutter 與 Android 的互動FlutterAndroid
- RN 與android原生互動Android
- 筆記:前端與後臺互動筆記前端
- Android中程式與Service互動的方式——互動方式Android
- Android webview 與 js(Vue) 互動AndroidWebViewJSVue
- Android與WebView資料互動AndroidWebView
- Android 原生 WebView 與 JavaScript 互動AndroidWebViewJavaScript
- unity3d與android互動Unity3DAndroid
- 13 Android與HTML5互動AndroidHTML
- Android與Flutter混合開發-UI互動AndroidFlutterUI
- React Native與Android通訊互動React NativeAndroid
- Android WebView —— Java 與 JavaScript 互動總結AndroidWebViewJavaScript
- Android介面與互動設計原則Android
- 關於php後端與js前端互動問題PHP後端JS前端
- weex與android互動初步接入,遇到的坑Android
- Android混合開發之WebView與Javascript互動AndroidWebViewJavaScript
- React native 與Android原生互動方式(一)React NativeAndroid
- android_jsbridge,讓你和前端愉快的互動AndroidJS前端
- Android 與 JavaScript 互動 支援的資料型別AndroidJavaScript資料型別
- Android軟鍵盤與EditText近乎完美的互動Android
- Android中程式與Service互動的方式——綜述Android
- Android中程式與Service互動的方式——總結Android
- Android與JS互調AndroidJS
- Android webview JS 互動AndroidWebViewJS
- Android–okhttp與php互動,檔案上傳下載AndroidHTTPPHP
- 隨手記Android JS與Native互動實踐AndroidJS
- js 與WKWebView 互動JSWebView
- 互動與關係
- MySQL 與OS互動MySql
- WKWebView與JS互動WebViewJS
- flutter和Android原生互動FlutterAndroid
- Android FlatBuffers資料互動Android
- 微互動(五)——微互動的迴圈與模式模式
- 前端技術演進(五):現代前端互動框架前端框架
- Android 與WebView中的js程式碼的互動記錄AndroidWebViewJS
- 在互動細節上,Android 與 iOS 有哪些區別?AndroidiOS
- 頁面互動是前端的核心嗎?前端
- Java與Excel的互動!-JavaExcel