阅读量:0
要在WebView中实现网页与原生应用的交互，您需要使用JavaScriptInterface。以下是一个简单的示例，展示了如何在Android WebView中实现网页与原生应用的交互。
- 首先，创建一个新的Android项目并添加WebView组件。在
activity_main.xml文件中添加WebView：
android:id="@+id/webview" android:layout_width="match_parent" android:layout_height="match_parent"/> - 接下来，在
MainActivity.java中设置WebView并启用JavaScript：
import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.webkit.JavascriptInterface; import android.webkit.WebChromeClient; import android.webkit.WebView; import android.webkit.WebViewClient; public class MainActivity extends AppCompatActivity { private WebView webView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); webView = findViewById(R.id.webview); webView.getSettings().setJavaScriptEnabled(true); webView.setWebViewClient(new WebViewClient()); webView.setWebChromeClient(new WebChromeClient()); webView.addJavascriptInterface(new WebAppInterface(this), "Android"); webView.loadUrl("https://yourwebsite.com"); } public class WebAppInterface { Context mContext; WebAppInterface(Context c) { mContext = c; } @JavascriptInterface public void showToast(String toast) { Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show(); } } } 在这个示例中，我们创建了一个名为WebAppInterface的内部类，并在其中定义了一个名为showToast的方法。我们还使用@JavascriptInterface注解标记了这个方法，以便在JavaScript中调用它。
- 最后，在您的网页中添加JavaScript代码以调用原生应用的方法。例如，在HTML文件中添加以下代码：
<!DOCTYPE html> <html> <head> <title>WebView Interaction</title> <script type="text/javascript"> function showToast() { Android.showToast("Hello from the web!"); } </script> </head> <body> <button onclick="showToast()">Show Toast</button> </body> </html> 当用户点击“Show Toast”按钮时，将调用原生应用中的showToast方法，并显示一个Toast消息。
这只是一个简单的示例，您可以根据需要扩展此方法以实现更复杂的交互。请注意，为了确保应用的安全性，请始终验证从网页传递的数据，并遵循最佳实践。
