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 フォルダーに配置されます。HTMLファイルをIE/Firefoxで開くと正しく表示されます。しかし、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

1

エミュレーターでテスト済み - Bootstrap v2.3.2 を搭載した Android バージョン 4.2

アプリのアセット フォルダー内のファイル:

 bootstrap-responsive.css
 bootstrap.css
 test.html

css ファイルはアプリのアセット フォルダー内でローカルに使用できるため、Android マニフェストに「android.permission.INTERNET」を追加する必要はありません。

これがどのようにレンダリングされるかのスクリーンショットです。CSS ファイルに問題がない限り、表示されない理由はありません (ブラウザーで結果を表示できるため、これもありそうにありません)。

ここに画像の説明を入力

于 2013-08-18T09:47:58.510 に答える