在webview中添加本地css文件

我想在Webview中顯示html字符串的內容，並使用css文件調整圖像大小並更改字體系列。在webview中添加本地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>

我這麼想嗎？

請幫助我，我試了一切。

來源

2015-07-05 Théophane Diaz

該CSS文件是否存在於該位置，但似乎不影響html元素或該文件是否會拋出404錯誤？ – innerurge1

沒有錯誤，並且該文件存在於app/src/main/assets/CSS中 –

在你的例子中，你正在將字體改變應用到div，但是在你的html例子中沒有div。也沒有圖像。 style.css是否在相對於您的html文件的正確位置？ – innerurge1

對不起，我不想把我的所有字符串的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，因爲我在另一篇文章中發現我們必須這樣做。

來源

2015-07-06 09:21:54

在webview中添加本地css文件

回答

相關問題