Android调用本地JS的实现方法及注意事项

在Android开发中，调用本地JS文件是一个常见的需求，特别是在需要与网页内容进行交互或实现一些动态效果时，以下是详细的步骤和示例代码，帮助你在Android应用中调用本地JS文件。

一、准备工作

1、创建本地JS文件：在你的Android项目中，通常将JS文件放置在assets文件夹下（也可以放在res/raw文件夹下，但访问路径会有所不同），创建一个名为script.js的文件，内容如下：

   function sayHello() {
       alert("Hello from local JavaScript file!");
   }

2、添加WebView组件：在你的布局文件（如activity_main.xml）中添加一个WebView控件。

   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:tools="http://schemas.android.com/tools"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:orientation="vertical"
       tools:context=".MainActivity">
       <WebView
           android:id="@+id/webView"
           android:layout_width="match_parent"
           android:layout_height="match_parent" />
   </LinearLayout>

二、加载并调用本地JS文件

1、初始化WebView：在你的Activity中初始化WebView，并启用JavaScript支持。

   import android.webkit.WebSettings;
   import android.webkit.WebView;
   import android.webkit.WebViewClient;
   import androidx.appcompat.app.AppCompatActivity;
   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);
           WebSettings webSettings = webView.getSettings();
           webSettings.setJavaScriptEnabled(true); // 启用JavaScript
           webView.setWebViewClient(new WebViewClient()); // 防止跳转到外部浏览器
           // 加载本地JS文件
           webView.loadUrl("file:///android_asset/script.js");
       }
   }

2、调用JS方法：你可以通过WebView的loadUrl方法来调用JS文件中的方法，调用sayHello方法：

   webView.loadUrl("javascript:sayHello()");

四、相关问题与解答

1、问：如果JS文件放在res/raw文件夹下，应该如何加载？

答：如果JS文件放在res/raw文件夹下，加载路径应为file:///android_res/raw/文件名.js，如果文件名是script.js，则加载路径为file:///android_res/raw/script.js。

2、问：如何在JS中调用Android的Java方法？

答：你可以通过WebView的addJavascriptInterface方法来实现，创建一个Java接口，并使用@JavascriptInterface注解标记你想要暴露给JS的方法，通过addJavascriptInterface方法将该接口添加到WebView中，这样，JS就可以通过这个接口调用Java方法了。