Javascript在Android上不起作用

Question

I have a very basic app that just load JavaScript to a webview.

my JavaScript file is this

This is my code :

public class MainActivity extends Activity {
WebView myBrowser;
@SuppressLint({ "JavascriptInterface", "SetJavaScriptEnabled" })
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON);

    setContentView(R.layout.activity_main);

    myBrowser = (WebView)findViewById(R.id.mybrowser);

    final MyJavaScriptInterface myJavaScriptInterface
    = new MyJavaScriptInterface(this);
    myBrowser.getSettings().setJavaScriptEnabled(true); 
    myBrowser.addJavascriptInterface(new Object(), "AndroidFunction");
    myBrowser.setWebChromeClient(new WebChromeClient());
    myBrowser.loadUrl("file:///android_asset/sperm.html");
}

public class MyJavaScriptInterface {
      Context mContext;

         MyJavaScriptInterface(Context c) {
             mContext = c;
         }

         public void showToast(String toast){
             Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
         }

         public void openAndroidDialog(){
          AlertDialog.Builder myDialog
          = new AlertDialog.Builder(MainActivity.this);
          myDialog.setTitle("DANGER!");
          myDialog.setMessage("You can do what you want!");
          myDialog.setPositiveButton("ON", null);
          myDialog.show();
         }

     }

And this is the XML file :

<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:background="@drawable/background">
<WebView
   android:id="@+id/mybrowser"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
  />

As I said this is very basic app.

The style in the html file working good, but the script doesn't run.

I'm new with Javascript so any direction could help.

Thanks!

EDIT 1 :

I take the java code for Android from THIS guide

There is no connection between the Java code and the HTML file, so Myabe there is a need to change MyJavaScriptInterface class.

Sorry if this confused.

Answer 1

check your "sperm.html", it include js file :

<script src="http://d3js.org/d3.v3.min.js"></script>

solution 1 :
it use inertent when load js, so you have add uses-permission in Android manifest :

<uses-permission android:name="android.permission.INTERNET" />

solution 2:
download "d3.v3.min.js" and put it in assets folder, then modify "sperm.html"

<script src="d3.v3.min.js"></script>

Answer 2

Replace:

<script>

with

 <script type="text/javascript">

In your HTML file.

Also set the Webchromeclient first, then enable javascript:

myBrowser.setWebChromeClient(new WebChromeClient());
myBrowser.getSettings().setJavaScriptEnabled(true); 

The javascript interface is not needed to make the javascript work, it is used to call android functions from the javascript in the webview. To make this work you need to provide addJavascriptInterface with the interface you made.

Example:

myBrowser.addJavascriptInterface(new MyJavaScriptInterface(this), "AndroidFunction");

If that doesn't work, can you add the javascript code?

Answer 3

Try this:

 import android.webkit.JavascriptInterface;
  @JavascriptInterface
    public void MyJavaScriptInterface {

OR

@android.webkit.JavascriptInterface
public void MyJavaScriptInterface {

You need to add this annotation to your user-defined javascript interface after API level 16.

Answer 4

try to add WebChromeClient to your webview and enable javascript

webView.setWebChromeClient(new WebChromeClient());

webView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);