Androd WebView 通过页面JS调用安卓铃声和震动

在Android开发中，WebView是一个非常重要的组件，它允许我们在原生应用中加载和显示网页内容。这个场景中，我们关注的是如何通过WebView加载的JavaScript代码来控制Android设备的硬件功能，比如播放铃声和触发震动。这个技术在构建混合型应用或者增强网页交互体验时非常有用。 我们需要了解`Android WebView`的基本用法。在Android应用中，我们可以创建一个WebView实例，并通过设置`WebViewClient`和`WebChromeClient`来处理网页加载和与JavaScript的交互。例如： ```java WebView webView = (WebView) findViewById(R.id.webView); webView.getSettings().setJavaScriptEnabled(true); // 启用JavaScript webView.setWebViewClient(new WebViewClient()); webView.setWebChromeClient(new WebChromeClient()); webView.loadUrl("file:///android_asset/index.html"); ``` 接着，我们要实现JavaScript与Android的交互，这里可以使用`addJavascriptInterface()`方法。这个方法允许我们将一个Java对象暴露给JavaScript，使得JavaScript可以调用这个Java对象的方法。为了安全起见，从Android 4.2（API级别17）开始，你需要添加`@JavascriptInterface`注解到暴露给JavaScript的所有方法上。 下面，我们创建一个名为`AndroidFunctions`的类，用来处理JavaScript调用的播放铃声和震动功能： ```java public class AndroidFunctions { @JavascriptInterface public void playRingtone() { Uri alarmSound = RingtoneManager.getDefaultUri(RingtoneManager.TYPE_RINGTONE); Ringtone ringtone = RingtoneManager.getRingtone(context, alarmSound); if (ringtone != null) { ringtone.play(); } } @JavascriptInterface public void vibrate(long duration) { Vibrator vibrator = (Vibrator) context.getSystemService(Context.VIBRATOR_SERVICE); if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) { vibrator.vibrate(VibrationEffect.createOneShot(duration, VibrationEffect.DEFAULT_AMPLITUDE)); } else { vibrator.vibrate(duration); } } } ``` 然后，将这个类暴露给JavaScript： ```java webView.addJavascriptInterface(new AndroidFunctions(), "android"); ``` 现在，在HTML中的JavaScript就可以通过`window.android`来调用这些方法了： ```javascript function triggerRingtone() { window.android.playRingtone(); } function triggerVibration() { window.android.vibrate(2000); // 震动2秒 } ``` 至此，我们已经完成了JavaScript调用Android铃声和震动的功能。用户在浏览网页时，点击按钮就能触发Android设备的相应操作。需要注意的是，由于权限问题，从Android 6.0（API级别23）开始，调用`playRingtone()`可能需要用户在运行时授予`READ_EXTERNAL_STORAGE`权限。对于震动，如果设备支持，需要`VIBRATE`权限。 这个项目`WebViewJSDemo`应该包含了上述步骤的示例代码，你可以下载并运行来查看效果。同时，理解并掌握这一技术将有助于你在开发混合型应用时更好地结合原生功能和Web内容，提升用户体验。