UIWebView 更改行距文本

Question

我正在寻找一种 javascript 方法或更改 UIWebView 中文本行距的方法。

有什么想法吗？

编辑：

Evan 已经回答了上述问题，但我还有另一个关于同一主题的问题。

如何查询当前行距值的来源？

Answer 1

您需要通过调用stringByEvaluatingJavaScriptFromString: 将javascript 注入UIWebView 的源代码。

Javascript：

var head = document.getElementsByTagName('head')[0],
    style = document.createElement('style'),
    rules = document.createTextNode('* { line-height: 20px !important; }');
style.type = 'text/css';
if(style.styleSheet)
    style.styleSheet.cssText = rules.nodeValue;
else style.appendChild(rules);
head.appendChild(style);

Objective-C（可能在webViewDidFinishLoading:）：

NSString *js = /* The javascript above in a string */
[webView stringByEvaluatingJavaScriptFromString:js];

---

要检索页面上第一个 h1 元素的 line-height 值：

Javascript：

var element = document.getElementsByTagName('h1')[0],
    style = window.getComputedStyle(element),
    lh = style.getPropertyValue('line-height');
return lh;

目标-C：

NSString *js = /* The javascript above in a string */
NSString *lineHeight = [webView stringByEvaluatingJavaScriptFromString:js];