javascript - UIWebView更改行间距文本

Question

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

有什么想法吗？

编辑:

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

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

Answer 1

您需要通过调用 stringByEvaluatingJavaScriptFromString: 将 JavaScript 注入(inject)到 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];