Android - JavaScript 接口在 android 3.0 中不起作用答案

【问题标题】：Android - JavaScript interface not working in android 3.0Android - JavaScript 接口在 android 3.0 中不起作用
【发布时间】：2011-08-22 13:22:08
【问题描述】：

我正在使用 JavaScript 界面来检查 Google 的 StreetView 是否可用。我的问题是从 android 3.0 代码停止工作，我无法找到原因。问题是“JavascriptCheck”接口中的方法永远不会被调用，Logcat 没有显示任何错误。

Java 代码：

public void showStreetView(GeoPoint geoPoint) {
    WebSettings webSettings = webView.getSettings();
    webSettings.setJavaScriptEnabled(true);
    webView.addJavascriptInterface(new JavascriptCheck(), "Android");

    lat = geoPoint.getLatitudeE6()/1E6;
    lon = geoPoint.getLongitudeE6()/1E6;

    webView.loadDataWithBaseURL("", context.getString(R.string.html_streetview, lat, lon), "text/html", "UTF-8", "");

}

public class JavascriptCheck {

    public void hasStreetview(boolean hasStreetview) {
        if (hasStreetview) {
            openStreetView();
        } else {
            Toast.makeText(context, context.getString(R.string.loc_no_street_view), Toast.LENGTH_SHORT).show();
        }
    }

}

布局文件中的WebView：

<WebView android:id="@+id/webView" 
    android:layout_height="wrap_content"
    android:layout_width="wrap_content" 
    android:visibility="gone">
</WebView>

JavaScript 字符串：

 <string name="html_streetview">
     &lt;html>
         &lt;head>
             &lt;script src=\"http://maps.google.com/maps?file=api&amp;v=2&amp;  sensor=false\" type=\"text/javascript\"/>
         &lt;/head>
         &lt;body>
             &lt;script type=\"text/javascript\">
                 var testPoint = new GLatLng(%1$s, %2$s);
                 var svClient = new GStreetviewClient();

                 svClient.getNearestPanoramaLatLng(testPoint, function (nearest) {
                     if ((nearest !== null) &amp;&amp; (testPoint.distanceFrom(nearest) &lt;= 100)) {
                         Android.hasStreetview(true);
                     } else {
                         Android.hasStreetview(false);
                     }
                 });
             &lt;/script>
         &lt;/body>
     &lt;/html>
</string>

【问题讨论】：

您可能不应该将 html 保留在 strings.xml 中。而是将它们放在资产中。

标签： javascript android webview android-3.0-honeycomb

【解决方案1】：

很久以前解决了我的问题，只是想与他人分享。 Honeycomb 和更高版本的 Android 要求您使用完整的 html

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript">

  var sv = new google.maps.StreetViewService();

  function hasStreet(lat, lon) {
    var point = new google.maps.LatLng(lat, lon);
    sv.getPanoramaByLocation(point, 50, isSVAvailable);
  }

  function isSVAvailable(data, status) {
    if (status == google.maps.StreetViewStatus.OK) {
      Android.hasStreetview(true);
    } else {
      Android.hasStreetview(false);
    }
  }
</script>
</head>
<body></body>
</html>

【讨论】：

【解决方案2】：

我也在使用此功能，但自从我尝试为 ICS 升级我的应用程序后发现它已损坏。如果您有外部 src 链接，似乎 Javascript 将不会执行。如果您取出 javascript src 链接并添加一些日志记录，您会看到脚本将运行（并且显然一直返回 false）。

我知道在文档中他们建议不要使用调用本机代码的 javascript，除非您控制 javascript 中的所有元素，但也许现在他们明确停止运行引用外部资源的代码？

【讨论】：