WKWebView 设置自定义UserAgent正确姿势

背景

一般Web端通过UA来区分当前浏览器是在PC/Mobile/App内，所以在App内设置UA就是一个必须要做的事情。 

下面介绍三种方式设置WKWebView的UserAgent(没有耐心的可以直接看最下面一种)

1. 通过UserDefaults(目前网上最常见的)

由于WKWebView有一个特性，在初始化时会获取UserDefaults中“UserAgent”这个key的值，这需要我们在真正使用的WKWebView之前要创建一个WKWebView获取他默认的UA

webView = WKWebView();

webView?.evaluateJavaScript("navigator.userAgent", completionHandler: { (obj: Any?, error: Error?) in

  guard let ua = obj as? String else {

        return

    }

    let customUA = "\(ua) Custom User Agent"

    UserDefaults.standard.register(defaults: ["UserAgent": customUA])

    UserDefaults.standard.synchronize()

})

 

2. 通过WKWebView.customUserAgent设置

* 这种方式其实和第一种方式并没有什么差别，而且还比较复杂，因为只对这一个WebView有效

let fakeWebView = WKWebView();

fakeWebView.evaluateJavaScript("navigator.userAgent", completionHandler: { (obj: Any?, error: Error?) in

    guard let ua = obj as? String else {

        return

    }

    let customUA = "\(ua) Custom User Agent"

    let realWebView = WKWebView()

    realWebView.customUserAgent = customUA

})

3. 通过applicationNameForUserAgent设置- 推荐

config的此属性与上一个属性不同，不是将设置的字符串完全变成你所设置的值，

它将字符串集添加到WebView的默认UserAgent并执行它。

这正好就是我们想要的，您所要做的就是设置要添加的字符串。

修改后的UserAgent，如：Mozilla/5.0 (iPhone; CPU iPhone OS 13_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Custom UserAgent

let config = WKWebViewConfiguration()

config.applicationNameForUserAgent = "Custom User Agent"

let webview = WKWebView(frame: .zero, configuration: config)

三种方式系统采用的优先级

customUserAgent > UserDefault > applicationNameForUserAgent

左侧优先级高于右侧

如果设置了customUserAgent或UserDefaults方法，则applicationNameForUserAgent将被忽略。

applicationNameForUserAgent仅添加到了webview具有的默认UserAgent中。