在webview中添加一個css文件
[英]add a css file in webview
問題描述
我正在瀏覽網頁。 在那我想調用一個css文件。 下面的編碼，我在Web視圖中添加了一個CSS文件，但未顯示任何內容。 我的CSS檔案名稱是：style.css。 編碼的第一行在style.css中。
p{color:#eadfa8},p a{color:#fff; text-decoration:none;}
NSString *filePath = [[NSBundle mainBundle] pathForResource:@"style" ofType:@"css"];
NSString *htmlString = [NSString stringWithContentsOfFile:filePath encoding:NSUTF8StringEncoding error:nil];
NSURL *baseURL = [NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]];
[webView loadHTMLString:htmlString baseURL:baseURL];
在該文件內：
2 個解決方案
解決方案1
1 2014-04-29 09:12:21
Webview在其中加載HTML代碼，因此，如果您將CSS應用於HTML代碼，那么以下代碼將為您提供幫助。 只需根據需要替換CSS代碼即可。 它非常適合我：
NSString* title;
title=@"Test CSS";
NSString* webViewBody;
webViewBody = [NSString stringWithFormat:@"<html><html xmlns=\"http://www.w3.org/1999/xhtml\"><head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" /><title>%@</title><style>body{font-family:\"Helvetica\";font-size: 12px;color: #343838; }body a{color: #343838;text-decoration: underline;} h1{ font-size: 15px;font-weight: bold;margin:0;padding: 0;}h2{ font-size: 12px; font-weight: bold;margin:0;padding: 0;}.text{line-height:25px;text-align:justify;}@media screen and (max-width: 1600px) {#glink{width: 12%%;}} @media screen and (max-width: 980px) {#wrapper{ width: 75%%;}#googleMap{width: 100%%;}#glink{width: 22%%;}#details{width: 100%%;}#info{width: 100%%;}#broker{width: 80%%;}#contact{width: 80%%;}}@media screen and (max-width: 780px) {#wrapper{width: 75%%;}#googleMap{width: 100%%;}#glink{width: 18%%;}#details{width: 100%%;}#info{width: 100%%;}#broker{width: 80%%;}#contact{width: 80%%;}}@media screen and (max-width: 320px) {#wrapper{width: 50%%;}#googleMap{width: 80%%;}#name{width:60%%;}#details{width: 75%%;}#info{width: 75%%;}#broker{width: 80%%;}#contact{width: 80%%;}}</style></head><body><h1>MyHTMLBody</h2></body></html>",title];
NSString *newWebViewBody = [webViewBody stringByReplacingOccurrencesOfString: @"\\u0153" withString:@""];
[webView loadHTMLString:newWebViewBody baseURL:nil];
解決方案2
0 2014-04-28 07:29:08
首先了解CSS的目的，然后嘗試使用它。 將CSS文件加載到Web視圖/瀏覽器時，您什么也看不到。 您可以使用樣式顯示HTML元素。
在webview中添加本地css文件
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.