WebView:未捕获的ReferenceError:未定义Android

Per*_*man 6 javascript android webview

我正在创建一个带代码的WebView,而不是通过XML布局加载.webview似乎已正确创建,但我看到错误:

W/AwContents( 4564): nativeOnDraw failed; clearing to background color.
I/chromium( 4564): [INFO:CONSOLE(1)] "Uncaught ReferenceError: Android is not defined", 
...
Run Code Online (Sandbox Code Playgroud)

如果我将WebView放在我的XML布局中,我就不会收到这些错误.请注意,如果脚本运行,它会将onLoadEvent字段值从"no"更改为"yes".这种情况正在发生,因此显然脚本正在运行.但是,它并没有获取用户名和密码,表明"Android" " 没有定义.

我也尝试在webView.loadData()之前执行addView(); 同样的错误.

这是创建WebView的代码:

  @SuppressLint("SetJavaScriptEnabled")
  private void onOk ()
  {
    Log.d ("RegTest", "onOk");
    webView = new WebView (this);
    webView.setLayoutParams (new ViewGroup.LayoutParams(
        ViewGroup.LayoutParams.MATCH_PARENT,
        ViewGroup.LayoutParams.MATCH_PARENT));    
    WebSettings webSettings = webView.getSettings();
    webSettings.setJavaScriptEnabled (true);
    CharSequence cs = readAsset ("input_form");
    webView.loadData (cs.toString(), "text/html", "UTF-8");

    contentView.addView (webView);
  }
Run Code Online (Sandbox Code Playgroud)

这里是"input_form"的剪辑,它是WebView内容的来源:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  ...
  <script type="text/javascript">
    function onLoadValues ()
    {
      document.getElementById ("onLoadEvent").value = "yes";
      document.getElementById ("FullName").value = Android.getFullName();
      document.getElementById ("EmailAddress").value = Android.getEmailAddr(); 
    }
  </script>
</head>

<body onload="onLoadValues()">
  <form name="catwebformform52174" method="post" ...>
    <fieldset>
      <div class="pure-control-group">
        <label for="onLoadValues">onLoadEvent</label>
        <input id="onLoadEvent" name="onLoadEvent" type="text" placeholder="no">
      </div>
      <div class="pure-control-group">
        <label for="FullName">Name</label>
        <input id="FullName" name="FullName" type="text" placeholder="Name">
      </div>
      <div class="pure-control-group">
        <label for="EmailAddress">Email Address</label>
        <input id="EmailAddress" name="EmailAddress" type="email" placeholder="Email Address">
      </div>
    </fieldset>
  </form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Ish*_*oid 8

您没有将Android定义为javascripinterface必须在下面写行

 // If your callback methods are in same class then just same class object
 webView.addJavascriptInterface(this, "Android");
Run Code Online (Sandbox Code Playgroud)

addJavascriptInterface()方法的语法

      addJavascriptInterface(Object object, String name);        
   //  1. `object` – *the Java object to inject into this WebView’s JavaScript context.*
   //  2. `name` – *the name used to expose the object in JavaScript*
Run Code Online (Sandbox Code Playgroud)