美文网首页汽车公司可能用到的知识点
WKWebView缩放禁用和文字显示偏小问题

WKWebView缩放禁用和文字显示偏小问题

作者: 划满伤痕的天空 | 来源:发表于2019-04-02 17:39 被阅读0次

使用WKWebView时,显示文字会偏小,是因为H5配置缺少了meta标签,可以让H5开发人员配置或在代码中加入以下内容; 需要禁用用户缩放手势时,可以再增加user-scalable=no字段,如下所示:

    WKWebViewConfiguration *webConfiguration = [[WKWebViewConfiguration alloc] init];
    NSString *js = @"var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width, user-scalable=no'); document.getElementsByTagName('head')[0].appendChild(meta);";
    WKUserScript *wkUserScript = [[WKUserScript alloc] initWithSource:js injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];
    WKUserContentController *wkUController = [[WKUserContentController alloc] init];
    [wkUController addUserScript:wkUserScript];
    webConfiguration.userContentController = wkUController;
参考文章: https://www.jianshu.com/p/856cefbbf4b0

相关文章

网友评论

    本文标题:WKWebView缩放禁用和文字显示偏小问题

    本文链接:https://www.haomeiwen.com/subject/xqzgbqtx.html