从字符串缓慢加载 UIWebView答案

【问题标题】：Slow loading UIWebView from string从字符串缓慢加载 UIWebView
【发布时间】：2013-08-18 20:36:22
【问题描述】：

我正在尝试从字符串中加载UIWebView，如下所示：

    NSString* plainContent = @"...";
    NSString* htmlContentString = [[NSString stringWithFormat:
                                   @"<html>"
                                   "<style type=\"text/css\">"
                                   "body { background-color:transparent; font-family:Arial-BoldMT; font-size:18;}"
                                   "</style>"
                                   "<body>"
                                   "<p>%@</p>"
                                   "</body></html>", plainContent] retain];
    [webView loadHTMLString:htmlContentString baseURL:nil];

普通内容包含一些简单的 HTML，大约有 5 个链接和 400 个字符。我试图在我的 iPhone5 上运行它，第一次加载它总是需要几秒钟。有谁知道为什么会发生这种情况以及如何解决这个问题？

【问题讨论】：

标签： iphone ios cocoa-touch uiwebview

【解决方案1】：

我最近遇到了 UIWebView 性能问题。处理我提供的本地 HTML 似乎需要很长时间（在 iPad Air 2 模拟器上需要 1 或 2 秒），即使它非常小。

经过大量谷歌搜索，我发现罪魁祸首是 webview 上的电话号码检测。一旦我在情节提要上取消选中它，延迟就消失了。

希望它可以帮助面临同样问题的人:)

【讨论】：

你是对的兄弟...谢谢这对我有用... :-)
禁用代码中电话号码检测的最佳 Web\位置是什么？ self.webview.dataDetectorTypes = []

【解决方案2】：

这通常是因为在渲染网页时使用了CSS。这是本地加载页面时的默认行为。我们也可以考虑在第一次加载时，UIWebview 没有缓存到这个页面并为那个页面创建缓存。

为了加快速度，请尝试从文件加载页面，例如

NSURL *url = [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"filePath" ofType:@"html" inDirectory:@"."]];
NSURLRequest *request = [NSURLRequest requestWithURL:url];
[webView loadRequest:request];

CSSlikebody { background-color:transparent; font-family:Arial-BoldMT; font-size:18;}也会增加页面加载时间。

【讨论】：

【解决方案3】：

对于遇到此问题的其他人，有时我们通过从现有网站复制粘贴创建 HTML 文件，而我们忘记检查标题上的链接。

就我而言，我忘记在我的 html 字符串标题中删除未使用的链接 rel：

NSString* html = [NSString stringWithFormat:@"<html><head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"><title>%@</title><link type=\"text/css\" rel=\"stylesheet\" href=\"http://192.168.3.183/assets/css/question.css?1383042738\" /></head><body><h1 style=\"font-size: 2em; margin-bottom: 0; color: #3357b8; font-weight: bold\">%@</h1><div style=\"color: #555\">%@</div><br><p style=\"line-height: 1.7em\">%@</p><a href=\"%@\"><b>Open in browser</b></a><br></body></html>", title, title, dateString, content, detail];

上述链接 rel 指向的本地 URL 使加载时间更加糟糕。

<link type=\"text/css\" rel=\"stylesheet\" href=\"http://192.168.3.183/assets/css/question.css?1383042738\" />

请不要忘记重新检查 HTML 字符串中的标题或其他链接，如果不使用则将其删除。

【讨论】：

【解决方案4】：

在WKWebView 的情况下，禁用 WKWebView 的数据检测器对我有用。斯威夫特版本：

let webViewCofig = WKWebViewConfiguration()
webViewCofig.dataDetectorTypes = []
webView = WKWebView(frame: view.frame, configuration: webViewCofig)

要启用特定的数据检测器，请在设置 dataDetectorTypes 时将特定类型传递为 .address、.link 等：

config.dataDetectorTypes = [.address]

【讨论】：