gpt4 book ai didi

cordova - 以编程方式更改 WKWebView 内容大小

转载 作者:行者123 更新时间:2023-12-02 10:54:57 24 4
gpt4 key购买 nike

我将 WKWebView subview 添加到 PhoneGap/Cordova 4.0+ 应用程序中(通过 cordova-plugin-wkwebview-engine )和 used programmatic AutoLayout constraints使 WKWebView 的大小与 MainViewController 的 View 相同。

当我查看 WKWebView 的边界时,它与 MainViewController View 的边界匹配。

但是使用 Javascript to inspect the content size ,特别是如下所示的脚本:

var body = document.body; 
var html = document.documentElement;
Math.max(body.scrollHeight,body.offsetHeight,html.clientHeight,html.offsetHeight);

这返回的高度实际上约为 WKWebView 边界高度的 1/2 到 2/3(在 iPad Pro 模拟器上,我将边界高度设置为 1024.0,但 Javascript 报告的内容高度仅为 735.0)。我只显示了我想要显示的一半未调整大小的 Vue.js 内容。

由于我无法显示我正在使用的实际内容(NDA 很有趣!),所以我实际上注意到我在 PhoneGap/Cordova 中传递到 WKWebView 的任何 URL 都会出现问题。这是 apple.com 在我的应用程序中的样子: Bottom Edge is Cut Off

在 Mobile Safari 中(在模拟器中运行),它应该是这样的,大小正确的版本:

More Being Displayed

您可以看到顶部栏项目的间距不同(在桌面上,它们应该从窗口的两侧稍微缩进),并且底部边缘显示更多内容,因为 WebView 的内部高度更高。

为了解决我的问题,我已经完成了所有工作,从将 WKWebView 实例化从 viewDidLoad 移至 viewDidAppear,并且还尝试了“硬编码”静态 iPad Pro-大小的帧大小被传递到 [WKWebView initWithFrame:],但内容大小仍为 735.0。同样的内容在模拟器的移动 Safari 和桌面 Safari 中都能精美(且正确)地呈现。

如何强制 WKWebView 的内容大小匹配父 View 的边界?

如果您想在 iPad Pro 模拟器上查看此错误的实际情况,我有一个公共(public) github 存储库,地址为 https://github.com/dautermann/phonegap-air 。请务必获取 "demonstrate-issue"分支。

最佳答案

我认为您遇到的问题与 WebView 没有直接关系。这与以下事实有关:出于向后兼容性的原因,在 iPad Pro 上运行的“旧”应用程序无法获得“ native 分辨率”,而是使用 iPad 1024x768。

让 Apple 相信您了解 iPad Pro 及其原始分辨率的方法是指定一些 LaunchScreen Storyboard。是的,这有点令人惊讶,但事实就是如此(例如,参见 https://forums.developer.apple.com/thread/17193 )。如果我修改 GitHub 上测试项目中的 OTAApplication 目标并将标准 CDVLaunchScreen 指定为启动屏幕文件,一切对我来说都很好。

更新

根据Force iPad Pro to full resolution without Launch Screen如果您使用 XCode 8,只需为 iPad Pro 指定适当分辨率的启动图像就足够了。不过没试过。

关于cordova - 以编程方式更改 WKWebView 内容大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42502217/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com