javascript - WKWebView - 更改视口(viewport)？

Question

我目前正在运行以下代码来设置我的 WKWebView 的视口(viewport):

NSString* viewPortjs = [NSString stringWithFormat:@"document.querySelector('meta[name=viewport]').setAttribute('content', 'width=%dpx;', false);", (int) webView.frame.size.width];
[webView evaluateJavaScript:viewPortjs completionHandler:nil];

我可以看到，如果代码找到选择器 viewport，它会正确设置它，但我想添加将此行添加到 DOM 的功能(如果它不存在)。说到 Javascript，我是个菜鸟，所以我不确定如何更改此代码以处理如果该选择器不存在并添加它的情况。谁能帮我吗？谢谢!

Answer 1

这是将完成您想要的 javascript:

var myCustomViewport = 'width=320px';
var viewportElement = document.querySelector('meta[name=viewport]');
if (viewportElement) {
        viewportElement.content = myCustomViewport;
} else {
    viewportElement = document.createElement('meta');
    viewportElement.name = 'viewport';
    viewportElement.content = myCustomViewport;
    document.getElementsByTagName('head')[0].appendChild(viewportElement);
}

对于您的用例:

NSString* viewPortjs = [NSString stringWithFormat:@"var myCustomViewport = 'width=%dpx'; var viewportElement = document.querySelector('meta[name=viewport]');if (viewportElement) {viewportElement.content = myCustomViewport;} else {viewportElement = document.createElement('meta'); viewportElement.name = 'viewport'; viewportElement.content = myCustomViewport; document.getElementsByTagName('head')[0].appendChild(viewportElement);}", (int) webView.frame.size.width];