在iOS WKWebView中缩放页面字体大小（如Safari的页面缩放）

Question

[我正在尝试模仿WKWebView中的iOS Safari的“ aA”文本比例按钮的行为（该按钮可调整当前加载页面的字体大小以提高可读性/可访问性）（实际上，因为我正在使用React Native ，将react-native-webview包裹起来的WKWebView）。

请注意，我的WebView正在加载任意网页，而不是我自己制作的页面。

我试图通过注入JavaScript来缩放页面文本而没有成功（至少在iOS 13.3上如此），例如设置-webkit-text-size-adjust CSS属性的以下代码：

const style = document.createElement('style');
style.innerHTML = 'body { -webkit-text-size-adjust: 200%; }';
document.head.appendChild(style);

如何实现任意页面的文本大小调整？

（注意：Essentially the same question之前曾被询问，但仍未得到答复。）

谢谢！

Answer 1

我正在做的是：

document.body.style.transform = 'scale(\(zoomAmount))';
document.body.style.transformOrigin = 'top left';
document.body.style.width = '\(100 / zoomAmount)%';
document.body.style.height = '\(100 / zoomAmount)%';

此功能在大多数页面上均有效，但在许多移动网站上均无效。我仍在寻找更好的解决方案，您找到了吗？