Javascript无法在WebView Activity中运行

时间:2012-01-03 10:57:37

标签: javascript android webview

我的活动只有 WebView ,其中包含HTML,CSS和Javascript代码。

Javascript 访问似乎与视图的屏幕尺寸有关。 LogCat说:

(Tag: Web Console): Uncaught TypeError: Cannot call method 'getWidth' of undefined 
at file:///android_asset/Prospekte/grund/html5-player/js/epaper-mobile.js:20

当我查看js文件时,有:var f=this.body.getWidth();

奇怪的是,有时代码有效。电子报很好。但大部分时间都有这个错误。

    setContentView(R.layout.prospekt_layout);
    final Activity activity = this;

    mWebView = (WebView) findViewById(R.id.prospekt_webview);
    mWebView.getSettings().setJavaScriptEnabled(true);
    mWebView.getSettings().setDomStorageEnabled(true);
    mWebView.setWebChromeClient(new WebChromeClient() {
    public void onProgressChanged(WebView view, int progress) {
        activity.setProgress(progress * 1000);
      }
    });

    mWebView.setWebViewClient(new WebViewClient() {
        @Override
        public void onReceivedError(WebView view, int errorCode, String description, String failingUrl)
        {
            // Handle the error
        }

        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url)
        {
            view.loadUrl(url);
            return true;
        }
    });   

    mWebView.loadUrl("file:///android_asset/Prospekte/modKachel/mobile.html");    

布局是:

 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    >
<WebView
    android:id="@+id/prospekt_webview"
    android:layout_width="900px"
    android:layout_height="900px"
/>
</LinearLayout>

我改变了webView的大小,因为我认为这可能是解决方案..但它也不适用于dp。

有人有想法吗?

5 个答案:

答案 0 :(得分:16)

为您的webView设置此设置:

WebSettings settings = webView.getSettings();
settings.setDomStorageEnabled(true);

详情请参阅以下链接中的答案:  ERROR/Web Console: Uncaught TypeError: Cannot call method 'getItem' of null at http://m.youtube.com/:844

<强>更新 或者添加这个可能会有所帮助:

webView.loadDataWithBaseURL("fake://fake.com", myString, "text/html", "UTF-8", null);

答案 1 :(得分:4)

您应该在WebView中隐式启用Javascript执行,因为这可能会导致XSS和其他漏洞。

web = new WebView(this);
web.getSettings().setJavaScriptEnabled(true);

另外,我更喜欢通过

设置我的WebViewClient
WebViewClient webViewMainWebClient = new WebViewClient()
{
   // Override page so it's load on my view only
   @Override
   public boolean shouldOverrideUrlLoading(WebView  view, String  url)
   {
       // Return true to override url loading (In this case do nothing).
       return false;
   }
}
web.setWebViewClient(this.webViewMainWebClient);

让我限制仅使用我的网站。

答案 2 :(得分:1)

在Android 3.2上遇到同样的问题。一个对我有用的解决方案(非常难看)是进入睡眠状态并调用另一个loadUrl,如果300ms不够,请尝试更多时间:

myWebView.loadUrl("file:///android_asset/gabarit.html");
try {
    Thread.sleep(300);
} catch (InterruptedException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
}
myWebView.loadUrl("file:///android_asset/gabarit.html");

答案 3 :(得分:1)

我的Mo Da浏览器项目遇到了同样的问题。我添加了这两行:

    wvOptions.setBuiltInZoomControls(true);
    wvOptions.setUseWideViewPort(true);

wvOptions只是存储在var中的webview.getSettings()。 第二行似乎解决了这个问题。 第一行使用户可以控制生成的网页大小。 如果您喜欢结果,可以添加“在概览中打开”选项。 这对我没用,所以我使用了缩放选项。

答案 4 :(得分:0)

这可能会解决您的问题。您可能在HTML代码中错误地将脚本标签命名为<scripts>而不是<script>,因为您是在android studio中进行开发的。