10

HTML 文件（test.html）是

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <link href="bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="bootstrap-responsive.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<h1>Hello World!!!</h1>
 <a class="btn btn-primary btn-large">
    Learn more
</a>
</body>
</html>

HTML 和引导 css 文件放置在 assets 文件夹中。如果我在 IE/Firefox 中打开 HTML 文件，它会正确显示。但是 Android WebView 不能正确呈现这个

WebView 的代码是

WebView webView = (WebView) findViewById(R.id.webview);
webView.getSettings().setJavaScriptEnabled(true);
String url = "file:///android_asset/test.html";
webView.loadUrl(url);

IE 渲染成这样

IE 渲染成这样

WebView 是这样渲染的

WebView 渲染成这样

怎么了？

4

4 回答 4

3

添加这一行

webView.getSettings().setDomStorageEnabled(true);
于 2013-08-13T19:00:42.187 回答
1

在模拟器上测试 - 带有 Bootstrap v2.3.2 的 Android 版本 4.2

我的应用资产文件夹中的文件：

 bootstrap-responsive.css
 bootstrap.css
 test.html

无需在 Android 清单中添加“android.permission.INTERNET”，因为 css 文件在应用程序的资产文件夹中本地可用。

这是它如何呈现的屏幕截图。除非 CSS 文件有问题，否则没有理由看不到它（这又不太可能，因为您可以在浏览器上看到结果）。

在此处输入图像描述

于 2013-08-18T09:47:58.510 回答
0 
  WebView webView = (WebView) findViewById(R.id.webview);
  webView.getSettings().setJavaScriptEnabled(true);    
  String htmlData ="<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css\">"+yourdata;    
  webview.loadData(htmlData, "text/html",  "UTF-8");
于 2019-07-24T06:02:22.120 回答
0

在科特林：

webview.settings.javaScriptEnabled = true
于 2019-08-30T17:14:16.213 回答