JavaScript 无法在 Android Webview 中运行？

Question

我正在尝试制作一个相对简单的 iOS 应用程序的 Android 版本，该应用程序使用 webview、一些按钮，然后依赖于对 CMS 的 javascript 调用。

但我陷入了开发的早期阶段：webview 无法使用 javascript 运行。我读过很多关于如何在 Android webview 中启用 JS 的文章，但到目前为止还没有运气。

下面是我的一些代码：

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    mWebView = (WebView) findViewById(R.id.webview);
    mWebView.getSettings().setJavaScriptEnabled(true);
    mWebView.setWebChromeClient(new WebChromeClient());
    mWebView.setWebViewClient(new HelloWebViewClient()
    {
        @Override  
        public void onPageFinished(WebView view, String url)  
        {  
            //Calling an init method that tells the website, we're ready 
            mWebView.loadUrl("javascript:m2Init()");
            page1(mWebView);
        }  
    });
  mWebView.loadUrl("http://my_url/mobile/iphone//app.php");  
}

private class HelloWebViewClient extends WebViewClient {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        return true;
    }

}


@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
    if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
        mWebView.goBack();
        return true;
    }
    return super.onKeyDown(keyCode, event);
}

public void page11(View view)
{
    mWebView.loadUrl("javascript:m2LoadPage(1)");
}

我在这里做错了什么？ 该 URL 在我的 iOS 应用程序和浏览器中运行良好。 但我的应用程序中没有！

请告诉我这是显而易见的事情......

Answer 1

固定的！
在错误的刺激下，我发现我需要

设置setDomStorageEnabled(true)

为 webview 设置

。感谢您的帮助斯蒂芬:)

Answer 2

万一 Android 上的 WebView 无法正常工作，我总是尝试确保我设置了这些疯狂的标志，例如，

    WebSettings webSettings = webView.getSettings();
    webSettings.setJavaScriptEnabled(true);
    webSettings.setDomStorageEnabled(true);
    webSettings.setLoadWithOverviewMode(true);
    webSettings.setUseWideViewPort(true);
    webSettings.setBuiltInZoomControls(true);
    webSettings.setDisplayZoomControls(false);
    webSettings.setSupportZoom(true);
    webSettings.setDefaultTextEncodingName("utf-8");

我想知道为什么默认情况下没有设置这些标志，现在谁会期望没有 javascript 内容的网页，以及有 javascript 有什么用除非指定，否则当 DOM 不可用时启用。希望有人已经将此作为错误或改进/功能请求提交，并且猴子正在努力解决它。

然后有一些不推荐使用的东西在某个地方腐烂，就像这样：

webView.getSettings().setPluginState(PluginState.ON);

所有这些都是为了在应用程序内加载网页。

在 iOS 上，一切都如此简单 - Swift 3.0

private func openURLWithInAppBrowser(urlString:String) {
    guard let url = URL(string:urlString) else {
        return
    }
    let sfSafari = SFSafariViewController(url:url)
    present(sfSafari, animated: true, completion: nil)
}

Answer 3

主要是，这三行足以使 Javascipt 在 webView 中工作...

webSetting.setJavaScriptEnabled(true);
webView.setWebChromeClient(new WebChromeClient());
webView.setWebViewClient(new WebViewClient());

如果之后它也不起作用，那么也添加下面的行。

webSettings.setDomStorageEnabled(true);

实际上，您需要 setJavaScriptEnabled() 和 setWebChromeClient(new WebChromeClient()) 才能使 JavaScript 正常工作。如果您只使用 webSetting.setJavaScriptEnabled(true);那么就不行了。

Answer 4

在 webview 中加载 javascript

webView.getSettings().setDomStorageEnabled(true);

Answer 5

在 MainActivity.java 中添加以下代码行

它帮助我启用 js

  webSetting.setJavaScriptEnabled(true);
  webView.setWebChromeClient(new WebChromeClient());
  webView.setWebViewClient(new WebViewClient());

不要忘记 AndroidManifest 文件中的此权限。

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

Answer 6

您是否在清单中启用了正确的互联网权限？否则一切看起来都很好。您是否也在实际的 Android 手机上测试过这段代码？不仅仅是在模拟器上？

这是一个关于稍微不同的方法的很好的教程。您可能想尝试一下，看看它是否适合您。

Answer 7

该视频 (http://youtu.be/uVqp1zcMfbE) 给了我让它发挥作用的提示。
关键是将 html 和 js 文件保存在 Android assets/ 文件夹中。
然后您可以通过以下方式轻松访问它们：

webView.loadUrl("file:///android_asset/your_page.html");

Answer 8

如果您使用 Kotlin，您可以使用以下方法让 JavaScript 正常工作：

webView.apply {
     loadUrl(
         "file:///android_asset/frm/my_html_landing_page_here.html"
     )

     settings.javaScriptEnabled = true
     settings.domStorageEnabled = true
 }

同时确保您的整个文件夹位于 Assets 文件夹内（这包括 HTML、Javascript 和其他所需文件）

Answer 9

Xamarin Android也存在同样的问题，即WebView不执行任何Javascript。按照 @computingfreak 的回答：

        this.SetContentView(Resource.Layout.activity_main);

        var webView = this.FindViewById<WebView>(Resource.Id.webView);

        var webSettings = webView.Settings;
        webSettings.JavaScriptEnabled = true;
        webSettings.DomStorageEnabled = true;
        webSettings.LoadWithOverviewMode = true;
        webSettings.UseWideViewPort = true;
        webSettings.BuiltInZoomControls = true;
        webSettings.DisplayZoomControls = false;
        webSettings.SetSupportZoom(true);
        webSettings.DefaultTextEncodingName = "utf-8";

奇怪的是，他们将所有 setter 方法更改为属性，除了 SetSupportZoom 和 SupportZoom 保留为 getter ：/

Answer 10

只需允许您的 WebView 运行 JS，就这么简单：

WebView web=(WebView)findViewById(R.id.web);
web.getSettings().setJavaScriptEnabled(true);

Answer 11

要在 WebView 中启用 javascript 弹出窗口，需要设置 webChromeClient 并覆盖 openFileChooser 方法。

    mWebview.setWebChromeClient(new WebChromeClient(){
        // For Android 4.1+
        @SuppressWarnings("unused")
        public void openFileChooser(ValueCallback<Uri> uploadMsg, String acceptType, String capture) {
            mUploadMessage = uploadMsg;

            Intent i = new Intent(Intent.ACTION_GET_CONTENT);

            i.addCategory(Intent.CATEGORY_OPENABLE);
            i.setType(acceptType);

            startActivityForResult(Intent.createChooser(i, "SELECT"), 100);
        }

        // For Android 5.0+
        @SuppressLint("NewApi")
        public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {
            if (mUploadMessageArr != null) {
                mUploadMessageArr.onReceiveValue(null);
                mUploadMessageArr = null;
            }

            mUploadMessageArr = filePathCallback;

            Intent intent = fileChooserParams.createIntent();

            try {
                startActivityForResult(intent, 101);
            } catch (ActivityNotFoundException e) {
                mUploadMessageArr = null;

                Toast.makeText(activity,"Some error occurred.", Toast.LENGTH_LONG).show();

                return false;
            }

            return true;
        }
    });

并按如下方式处理 onActivityResult：

@SuppressLint("NewApi")
@Override
public void onActivityResult(int requestCode, int resultCode, Intent data) {
    if (requestCode == 100) {
        if (mUploadMessage == null) return;
        Uri result = data == null || resultCode != Activity.RESULT_OK ? null : data.getData();
        mUploadMessage.onReceiveValue(result);
        mUploadMessage = null;
    }

    else if (requestCode == 101) {
        if (mUploadMessageArr == null) return;
        mUploadMessageArr.onReceiveValue(WebChromeClient.FileChooserParams.parseResult(resultCode, data));
        mUploadMessageArr = null;
    }

}

Answer 12

如果以上没有帮助尝试在 WebViewClient.onPageFinished 侦听器中添加延迟

override fun onPageFinished(view: WebView?, url: String?) {
            Handler().postDelayed({
                //update your view with js here
                super.onPageFinished(view, url)
            }, 1000)
        }