【问题标题】:add local css file in webview在 webview 中添加本地 css 文件
【发布时间】:2015-07-05 22:02:53
【问题描述】:

我想在 Webview 中显示 html 字符串的内容,并使用 css 文件调整图像大小并更改字体系列。

我将一个名为style.css 的css 文件放在assets/CSS/ 文件夹中。 我试图将此文件添加到我的html字符串data[3]

StringBuilder sb = new StringBuilder();
        sb.append("<html>" +
                "<head>" +
                "<link href=\"style.css\" type=\"text/css\" rel=\"stylesheet\"/>" +
                "</head>" +
                "<body>");
        sb.append(data[3]);
        sb.append("</body>" +
                "</html>");

        webView.loadDataWithBaseURL("file://android_asset/",sb.toString(),"text/html","UTF-8","");

在我的 css 文件中,我有这个:

 img {
width : 100%;
height : auto;
}

div {
font-family : "Times New Roman";
}

但我不明白为什么 css 文件不起作用。

当我显示我的 html 代码时,它看起来不错:<html><head><link href="style.css" type="text/css" rel="stylesheet"/></head><body><p style="text-align: justify;">Je souhaite aujourd’hui vous faire un retour sur mon dernier Trail en date avec mes petites nouvelles, les Spyridon MR de VFF.</p>

我错过了什么吗?

请帮帮我,我什么都试过了。

【问题讨论】:

  • 该位置是否存在 CSS 文件,但似乎不影响 html 元素或文件是否引发 404 错误?
  • 没有错误,文件存在于app/src/main/assets/CSS中
  • 在您的示例中,您将字体更改应用于 div,但您的 html 示例中没有 div。也没有图像。相对于您的 html 文件,style.css 的位置是否正确?
  • 'app/src/main/assets/CSS'。您没有在 html 或 baseurl 参数中提及子文件夹 CSS。首先尝试不使用该文件夹。
  • 'sb.append(data[3]);'。 ???请解释该语句应该做什么。

标签: android html css webview


【解决方案1】:

对不起,我不想把我所有的字符串都放在 html 中:

    <html><head><link href="style.css" type="text/css" rel="stylesheet"/></head><body><p style="text-align: justify;">Je souhaite aujourd’hui vous faire un retour sur mon dernier Trail en date avec mes petites nouvelles, les Spyridon MR de VFF.</p>
    <p style="text-align: justify;">Pour la reprise de la saison, j’ai choisi de m’aligner encore une fois au départ du mythique « Trail ardéchois ». Cette année je me suis lancé sur le format 36km pour mieux préparer mes prochains Trails longs et Ultra prévus cette année.</p>
    <p style="text-align: justify;">J’ai récemment fait l’achat de mes VFF Spyridon MR :</p>
    <p><a onclick="_gaq.push(['_trackEvent', 'outbound-article', , '']);" ><img class="aligncenter size-full wp-image-1322" src="" alt="vff" width="479" height="285" /></a></p>
    <p class="p2" style="text-align: justify;"><span class="s1">J’ai choisi ces chaussures par souci de légèreté et volonté de passer à des chaussures 5 doigts.</span></p>
    <p class="p2" style="text-align: justify;"><span class="s1">J’ai effectué quelques entraînements avec, avant de me lancer sur le 36km.</span></p>
   <p class="p2" style="text-align: justify;"><span class="s1"> Pour ne pas changer mes habitudes, j’ai pris le départ avec mon fidèle destrier Aloïs Bataille avec qui je cours la grande partie de mes Trails et avec qui je m’entraine.</span></p>
    <p class="p2"><a href=""><img class="aligncenter size-large wp-image-1323" src="" alt="FullSizeRender" width="640" height="480" /></a></p>
   <p class="p2"><a href=""><img class="aligncenter size-large wp-image-1324" src="" alt="FullSizeRender[1]" width="640" height="853" /></a></p>
    <p style="text-align: justify;">Nous avons bouclé ce magnifique parcours dans les hauts plateaux du vivarais en 4h24 minutes et finissons 86ème et 87ème sur un peu moins de 500 finishers.</p>
    <p style="text-align: justify;">Les Spyridon MR se sont révélées très agréables de par leur légèreté et par leur semelle suffisamment robuste pour ne pas me faire souffrir des pieds ( cailloux, branches, etc … ). Ce fût également une surprise de voir le nombre de traileurs attirés par ce type de course et de voir l’intérêt porté vers le minimalisme. Enfin, j’ai terminé ce trail par une interview très rapide sur ma course en VFF par l’animateur de la course pour donner un retour aux différents coureurs.</p>
   <p style="text-align: justify;"><a href=""><img class="aligncenter wp-image-1325 size-large" alt="IMG_2078" width="640" height="853" /></a></p>
    <p style="text-align: justify;">Je vous laisse donc avec ces dernières photos et vous souhaite à tous de prendre du plaisir en minimaliste. N’hésitez pas à commenter ou posez vos questions, je me ferais une joie de vous répondre.</p>
    <p>Julien</p>
   <p><a href="http://leminimaliste.info/wp-content/uploads/2015/06/IMG_2070.jpg"><img class="aligncenter size-large wp-image-1326" alt="IMG_2070" width="640" height="853" /></a></p>
    </body></html>

我删除了一些链接,但我的 html 字符串很好,并且图像在这里。

在 data[3] 中只有我的 html 字符串。

我没有提到子文件夹 CSS,因为我在另一篇文章中发现我们必须这样做。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-06-24
    相关资源
    最近更新 更多