在UIWebView中更改字体大小后重新定位

Question

我有一个带有大量书籍的UIWebView。 我正在使用"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust='150%';通过JavaScript更改字体大小"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust='150%';

HTML页面变大，但是滚动位置保持不变，导致文本移出用户视线。

我唯一的想法真的很奇怪而且效率很低：

1. 将每个单词包装在<span>标签中；
2. 找到第一个屏幕上的<span>并记住它的id ；
3. 调整字体大小；
4. 滚动到我在步骤2中找到的范围。

有没有更好的方法来保留该用户正在阅读的位置？

Answer 1

终于，我找到了一种可以接受的方式：

在更改字体大小之前，我使用一些JavaScript来查找和存储页面上第一个字母的位置：

var range = document.caretRangeFromPoint(0,0); // get a range of a first onscreen letter
var textContainer = range.startContainer.parentNode;// get an element to which it belongs
var path = getElementXPath(textContainer); // get an XPath for that element (this function is not biult in, but you can find it in some other question)
path+='|'+range.startOffset; // stick XPath and index of the letter together

之后，我更改字体大小，通过XPath查找所需的元素，在我的字母前插入不可见的<a> ，滚动到该不可见的<a> ，不要忘记删除它。

完成。 那不是一个简单的想法，但至少它能起作用，并且不会消耗太多的CPU或RAM，就像我在原始问题中已经解释过的想法一样。

这是获取getElementXPath（）函数的地方