如何阻止WKWebView自动将纯文本识别为可点击URL

我有一段需要在WKWebView中渲染的HTML内容：

<html>
<body>
    <div>Here goes plain text google.com type of content</div>
</body>
</html>

在Safari中加载时，这段内容会按预期渲染（仅显示纯文本，google.com不会被处理成可点击链接）；但在iOS应用中使用WKWebView的loadHTMLString方法加载时，google.com会被自动高亮并设置为可点击链接：

webview.loadHTMLString("<html><body><div>Here goes plain text google.com type of content</div></body></html>", baseURL: nil)

如何阻止WKWebView自动识别并转换文本中的URL为可点击链接？

以下几种方法可以有效阻止该行为：

方法1：添加HTML Meta标签（推荐） #

在HTML的<head>中加入format-detection元标签，直接禁用URL自动识别：

<html>
<head>
    <meta name="format-detection" content="url=no">
</head>
<body>
    <div>Here goes plain text google.com type of content</div>
</body>
</html>

该标签还可以同时控制电话、邮箱等自动识别，比如content="telephone=no,email=no,url=no"，按需配置即可。

方法2：配置WKWebView偏好设置 #

初始化WKWebView时，通过修改配置关闭自动链接检测：

let webConfig = WKWebViewConfiguration()
// 关闭电话号码检测（部分iOS版本中URL检测依赖此设置）
webConfig.preferences.detectsPhoneNumbers = false
// 额外注入JS增强兼容性（可选）
let userScript = WKUserScript(source: "document.documentElement.style.webkitTouchCallout='none';", injectionTime: .atDocumentEnd, forMainFrameOnly: true)
webConfig.userContentController.addUserScript(userScript)

let webView = WKWebView(frame: view.bounds, configuration: webConfig)
webView.loadHTMLString(yourHTMLContent, baseURL: nil)

方法3：转义文本中的URL特征字符 #

把文本中的.替换为HTML实体.，让WKWebView无法识别为URL：

let originalContent = "Here goes plain text google.com type of content"
let escapedContent = originalContent.replacingOccurrences(of: ".", with: ".")
let htmlString = "<html><body><div>\(escapedContent)</div></body></html>"
webView.loadHTMLString(htmlString, baseURL: nil)

这种方法适合局部文本处理，不会影响全局配置。

方法4：用CSS隐藏链接样式（辅助方案） #

如果已经生成了自动链接，可以用CSS从视觉和交互上屏蔽链接特征：

<html>
<head>
    <style>
        a {
            color: inherit;
            text-decoration: none;
            pointer-events: none; /* 彻底禁用点击 */
        }
    </style>
</head>
<body>
    <div>Here goes plain text google.com type of content</div>
</body>
</html>

注意：此方法仅做屏蔽处理，建议和前三种方法配合使用，从根源阻止链接生成。

内容的提问来源于stack exchange，提问作者Mando