查看html嵌套列表时Android WebView加载空白

标签 android html webview html-lists

我正在尝试使用 Android 将大小合理的 html 嵌套列表加载到 WebView 中。问题是当我尝试加载 html 时,它似乎是空白的。

现在我已经尝试了几种不同的方法。我首先尝试了 W3Schools“自己尝试”框中的代码 - W3Schools .从这里开始,一旦我达到一定大小,它就会显示错误。因此,从下面的代码中,如果您去掉最后几个标题,它会在特定尺寸之前正常显示。

我已将 html 代码放入本地 html 文件中,所有浏览器都可以正常显示它。

我已将此文件放入 Android 中的 Assets 文件夹中,并尝试将文件加载到 WebView 中,结果是一样的。我在列表中达到一定大小,但它没有显示任何内容。我使用以下代码加载了它:

wv_content.loadUrl("file:///android_asset/test.html");

我也直接加载了html代码,也是一样的。一旦达到一定大小,它就不会显示任何内容。我已经使用以下代码加载了此 html 内容:

wv_content.loadDataWithBaseURL(null, htmlData, "text/html", "utf-8", null); 

我尝试用空字符串和 url 替换空值,但仍然没有区别。

有趣的是,包含数据的本地文件将通过桌面浏览器完美呈现。使用 W3Schools Try It Yourself 输入时,html 内容不会呈现。 Android 不会显示文件或 html 内容。但是,在 iOS 上,代码显示正常。

我真的不知道我该如何继续,有没有人对问题是什么有任何想法或遇到过类似的事情?

以下是我使用的html代码:

<!DOCTYPE html>
<html>
<body>

<ol type='I'>
    <li>Heading 1</li>

    <ol type='a'>
       <li>Sub Heading 1</li>
       <li>Sub Heading 2</li>
       <li>Sub Heading 3</li>
       <li>Sub Heading 4</li>
       <li>Sub Heading 5</li>
    </ol>

    <li>Heading 2</li>

    <ol type='a'>
       <li>Sub Heading 1</li>
       <li>Sub Heading 2</li>
       <li>Sub Heading 3</li>
       <li>Sub Heading 4</li>
       <li>Sub Heading 5</li>
    </ol>

    <li>Heading 3</li>

    <ol type='a'>
       <li>Sub Heading 1</li>
       <li>Sub Heading 2</li>
       <li>Sub Heading 3</li>
       <li>Sub Heading 4</li>
       <li>Sub Heading 5</li>
    </ol>

    <li>Heading 4</li>

    <ol type='a'>
       <li>Sub Heading 1</li>
       <li>Sub Heading 2</li>
       <li>Sub Heading 3</li>
       <li>Sub Heading 4</li>
       <li>Sub Heading 5</li>
    </ol>

    <li>Heading 5</li>

    <ol type='a'>
       <li>Sub Heading 1</li>
       <li>Sub Heading 2</li>
       <li>Sub Heading 3</li>
       <li>Sub Heading 4</li>
       <li>Sub Heading 5</li>
    </ol>

    <li>Heading 6</li>

    <ol type='a'>
       <li>Sub Heading 1</li>
       <li>Sub Heading 2</li>
       <li>Sub Heading 3</li>
       <li>Sub Heading 4</li>
       <li>Sub Heading 5</li>
    </ol>

    <li>Heading 7</li>

    <ol type='a'>
       <li>Sub Heading 1</li>
       <li>Sub Heading 2</li>
       <li>Sub Heading 3</li>
       <li>Sub Heading 4</li>
       <li>Sub Heading 5</li>
    </ol>

    <li>Heading 8</li>

    <ol type='a'>
       <li>Sub Heading 1</li>
       <li>Sub Heading 2</li>
       <li>Sub Heading 3</li>
       <li>Sub Heading 4</li>
       <li>Sub Heading 5</li>
    </ol>

    <li>Heading 9</li>

    <ol type='a'>
       <li>Sub Heading 1</li>
       <li>Sub Heading 2</li>
       <li>Sub Heading 3</li>
       <li>Sub Heading 4</li>
       <li>Sub Heading 5</li>
    </ol>

    <li>Heading 10</li>

    <ol type='a'>
       <li>Sub Heading 1</li>
       <li>Sub Heading 2</li>
       <li>Sub Heading 3</li>
       <li>Sub Heading 4</li>
       <li>Sub Heading 5</li>
    </ol>

    <li>Heading 11</li>

    <ol type='a'>
       <li>Sub Heading 1</li>
       <li>Sub Heading 2</li>
       <li>Sub Heading 3</li>
       <li>Sub Heading 4</li>
       <li>Sub Heading 5</li>
    </ol>

    <li>Heading 12</li>

    <ol type='a'>
       <li>Sub Heading 1</li>
       <li>Sub Heading 2</li>
       <li>Sub Heading 3</li>
       <li>Sub Heading 4</li>
       <li>Sub Heading 5</li>
    </ol>

    <li>Heading 13</li>

    <ol type='a'>
       <li>Sub Heading 1</li>
       <li>Sub Heading 2</li>
       <li>Sub Heading 3</li>
       <li>Sub Heading 4</li>
       <li>Sub Heading 5</li>
    </ol>

    <li>Heading 14</li>

    <ol type='a'>
       <li>Sub Heading 1</li>
       <li>Sub Heading 2</li>
       <li>Sub Heading 3</li>
       <li>Sub Heading 4</li>
       <li>Sub Heading 5</li>
    </ol>

    <li>Heading 15</li>

    <ol type='a'>
       <li>Sub Heading 1</li>
       <li>Sub Heading 2</li>
       <li>Sub Heading 3</li>
       <li>Sub Heading 4</li>
       <li>Sub Heading 5</li>
    </ol>

</ol>

</body>
</html>

最佳答案

我不知道你为什么遇到麻烦我试过相同的代码并且工作正常请检查这个-

public class MainActivity extends Activity {

    WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView=(WebView)findViewById(R.id.web);
        webView.loadUrl("file:///android_asset/test.html");

    }

}

这是随附的屏幕截图-

screen shot

关于查看html嵌套列表时Android WebView加载空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22043399/

相关文章:

android - ViewBinder 的问题

java - Logcat onclicklistener android 错误

html - Modal 在电脑上工作,但在移动设备上 float 到顶部

javascript - 我可以禁用复选框但仍会触发其事件吗?

javascript - Android webview javascript 似乎不适用于 Sony Xperia

android - 通过打印管理器打印 PDF - 打印预览与输出不匹配

android - 共享首选项是否在运行时存储在内存中?

css - HTML 视频,CSS 位置固定,背景附件在 Chrome 上固定

android - 在android中加载flash文件(.swf)webview

android - BlackBerry 的 Android WebView Component 是什么?