ทำให้ 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