分类导航

程序问答发布时间：2022-06-02 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了使 HTML 内容适合 Web 视图，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决使 HTML 内容适合 Web 视图？

开发过程中遇到使 HTML 内容适合 Web 视图的问题如何解决？下面主要结合日常开发的经验，给出你关于使 HTML 内容适合 Web 视图的解决方法建议，希望对你解决使 HTML 内容适合 Web 视图有所启发或帮助；

我尝试将 HTML 内容放入我的 web 视图中，为此，我尝试向其中添加不同类型的脚本，并通过使用约束，我也更改了它的高度。现在，问题是内容的宽度不适合 WkWebVIEw@H_301_2@ 内容并超过它。我检查了另一个应用程序，它只适合内容，但不适合我的情况。

以下是我已经尝试解决问题的脚本和代码：


在标题中使用 @H_276_3@meta data@H_301_2@ 并将其附加到 HTML 字符串

var headerString = "<header><Meta name='vIEwport' content='wIDth=device-wIDth,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0'></header>"
headerString.append(data)
webVIEw.loadHTMLString(data,baseURL: nil)
@H_301_2@

@H_675_19@

使用 Js@H_301_2@

将 WKWebVIEw@H_301_2@ 注入 WKUserScript@H_301_2@

private func getZoomdisableScript() -> WKUserScript {
    let source = """
    var Meta = document.createElement('Meta');
                Meta.setAttribute('name','vIEwport');
                Meta.setAttribute('content','wIDth = device-wIDth,initial-scale = 1.0,minimum-scale = 1.0,maximum-scale = 1.0);
                document.getElementsByTagname('head')[0].appendChild(Meta);
    """

    return WKUserScript(source: source,injectionTime: .atdocumentEnd,forMainFrameOnly: truE)
}

webVIEw.configuration.userContentController.addUserScript(getZoomdisableScript())
@H_301_2@

@H_675_19@

这是评估 Js@H_301_2@

的代码

func webVIEw(_ webVIEw: WKWebVIEw,dIDFinish navigation: WKNavigation!) {
    self.webVIEw.evaluateJavaScript("document.readyState",completionHandler: { [self] (complete,error) in
        if complete != nil {
            webVIEw.evaluateJavaScript("document.getElementsByTagname('body')[0].style.FontFamily =\"-apple-system\"")
            webVIEw.evaluateJavaScript("document.body.scrollHeight",completionHandler: { [self] (height,error) in
                if !isHeightRendered {
                    delegate?.renderedHeight(height as! CGfloat)
                    isHeightRendered = true
                }
            })
        }
    })
}
@H_301_2@


还尝试了here 提到的不同方法，但没有一种对我有用。这是将内容放入 WebVIEw@H_301_2@ 的另一个应用的屏幕截图，对它们来说，它可以工作。


我得到的结果

那么，是不是我做错了什么，或者有什么要添加到 Web 视图内容中的内容？ 
解决方法
 暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
 如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
 小编邮箱:dio#foxmail.com (将#修改为@）