使用JavaScript将UI注入到UIWebView中

我正在尝试注入本地CSS文件来覆盖网页的样式。 该网页在iOS中的UIWebView容器中呈现。 但是我无法让我的代码工作。 请参阅下面我的代理方法的代码片段。 这段代码运行（我可以看到NSLog消息），但我看不到在页面上执行的结果。

我知道它不能是我写的CSS，因为在这种情况下，我把页面自己的CSS文件，只是改变了一些颜色。 （为了testing这个方法）

 -(void)webViewDidFinishLoad:(UIWebView *)webView { NSString *path = [[NSBundle mainBundle] bundlePath]; NSString *cssPath = [path stringByAppendingPathComponent:@"reader.css"]; NSString *js = [NSString stringWithFormat:@"var headID = document.getElementsByTagName('head')[0];var cssNode = document.createElement('link');cssNode.type = 'text/css';cssNode.rel = 'stylesheet';cssNode.href = '%@';cssNode.media = 'screen';headID.appendChild(cssNode);", cssPath]; [webView stringByEvaluatingJavaScriptFromString:js]; NSLog(@"webViewDidFinishLoad Executed"); } 

Answer 1

您的解决scheme将无法正常工作

1. 你的cssNode.href应该是一个URL（即转义和前缀的file:// ），而不是一个path
2. Safari不允许您从远程页面加载本地文件，因为这是一个安全风险。

在过去，我通过使用NSURLConnection下载HTML，然后在HTML头中添加一个<style>标记来完成此操作。 就像是：

 NSString *pathToiOSCss = [[NSBundle mainBundle] pathForResource:@"reader" ofType:@"css"]; NSString *iOSCssData = [NSString stringWithContentsOfFile:pathToiOSCss encoding:NSUTF8StringEncoding error:NULL]; NSString *extraHeadTags = [NSString stringWithFormat:@"<style>%@</style></head>", iOSCssData]; html = [uneditedHtml stringByReplacingOccurrencesOfString:@"</head>" withString:extraHeadTags]; [webView loadHTMLString:html baseURL:url];