ทำให้ Web App คุยกับ Android ผ่านทาง WebView - Building Web Apps in WebView
Enabling JavaScript
JavaScript is disabled in a WebView by default. You can enable it through the WebSettings attached to your WebView. You can retrieve WebSettings with getSettings(), then enable JavaScript with setJavaScriptEnabled().
WebView myWebView = (WebView) findViewById(R.id.webview); WebSettings webSettings = myWebView.getSettings(); webSettings.setJavaScriptEnabled(true);
Binding JavaScript code to Android code
public class WebAppInterface { Context mContext; /** Instantiate the interface and set the context */ WebAppInterface(Context c) { mContext = c; } /** Show a toast from the web page */ @JavascriptInterface public void showToast(String toast) { Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show(); } }
Bind class Android
WebView webView = (WebView) findViewById(R.id.webview); webView.addJavascriptInterface(new WebAppInterface(this), "Android");
Coding in javascript
<a href="javascript:void(0)" onclick="showAndroidToast('Hello Android!')">Click for android</a> <script type="text/javascript"> function showAndroidToast(toast) { if (typeof Android=="object") Android.showToast(toast); else console.log("App not run on Android") } </script>
ที่มา Building Web Apps in WebView
Relate topics
- Connecting to Android Device with ADB over WiFi
- สร้างปุ่มเมนูบน Action Bar ของ Template Buttom Navigator Activity
- วิธีการรับส่งข้อมูลของ Android Fragment
- Android : Close box on WebView
- Android : เพิ่มภาษาไทยให้กับ app
- Add Firebase Analytics & Crashlytics to Android App
- Copy and rename an Android project in Android Studio
- Android เขียนยาก กูเกิลเลยเปิดคอร์ส Android Performance ปรับแต่งประสิทธิภาพแอพ เรียนฟรีผ่านเน็ต
- ในที่สุดก็ Repartition OPPO Find Way S U707 ได้สำเร็จ
- เขียน App Android จะว่ายากก็ยาก จะว่าง่ายก็ง่าย
- ASUS Zenfone 2 มาแล้วพร้อม Android 5 สิ่งกำลังรอคอย
- Android : Input type="file" ไม่ทำงานบน webView
- ได้เวลาเปลี่ยนมือถือใหม่ - กูเกิลเปิดตัว Nexus 6 สมาร์ทโฟน Nexus ตัวแรกในตระกูลโมโตโรลา
- มาเริ่มกันใหม่อีกครั้งกับ Android Studio
- Install PhoneGap on Ubuntu
- ง่ายดายจัง - เปลี่ยน ROM LG P350
- ทดสอบการใช้งานภาษาไทย บน Microsoft Word Web App
- Android Studio
- Xiaomi Box - เซ็ตท็อปทีวี
- Ubuntu on Nexus 7