wkwebview和UIWebView调试技巧

Posted 2023-03-21

参考技术A         在进行ios加载网页开发过程中，碰到某个界面有问题需要陪着web开发人员进行调试测试，这是一个非常揪心的问题。所以必须掌握safari对webview进行调试的技巧。

1、打开模拟器（真机）的开发者模式

【设置】->【Safari】->【高级】->【Web检查器】打开

2、打开Mac上Safari的开发者模式

【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选

3、mac电脑有xcode的时候，使用xcode运行程序到模拟器／iphone。（注意iphone不能锁屏）

如果mac电脑没有xcode的时候，把mac和手机通过数据线连接，在手机上打开需要调试的软件。注意iphone不能锁屏）

自动弹出下图：

但是这还没有看到网页源码，我们需要

【开发】->【xxx的iphone】->【Title】勾选  如下图：

然后弹出如下图：

看到上面的图你就熟悉了吧，web人员开发web时候通过浏览器调试时候，都是用的这个界面，交给web开发人员，他就可以搞定一切了。

swift - UIWebView 和 WKWebView(iOS12 之后替换UIWebView)

1.iOS12 之前 使用 UIWebView

1>   
 private lazy var webV : UIWebView = {
        let v = UIWebView(frame: self.view.bounds)
        
        let url = URL(string: "https://www.baidu.com/")
        v.delegate = self
        if let url = url {
            let  urlRequest = URLRequest(url: url)
            v.loadRequest(urlRequest)
        }
        return v
    }()


2>
    override func viewDidLoad() {
        super.viewDidLoad()
        view.addSubview(webV)
    }

3>
extension ViewController:UIWebViewDelegate{
    
}

　　

2. iOS 12 之后 系统推荐WKWebView 替代 UIWebView

1>    
private lazy var wkWebV: WKWebView = {
        let config = WKWebViewConfiguration()
        // 设置偏好设置
        config.preferences = WKPreferences()
        //        // 默认为0
        //        config.preferences.minimumFontSize = 10
        // 默认认为YES
        config.preferences.javaScriptEnabled = true
        // 在iOS上默认为NO，表示不能自动通过窗口打开
        config.preferences.javaScriptCanOpenWindowsAutomatically = false
        // web内容处理池，由于没有属性可以设置，也没有方法可以调用，不用手动创建
        config.processPool = WKProcessPool()
        // 通过JS与webview内容交互
        config.userContentController = WKUserContentController()
        // 注入JS对象名称AppModel，当JS通过AppModel来调用时，
        // 我们可以在WKScriptMessageHandler代理中接收到
//        config.userContentController.add(self, name: "AppModel")
        
        let url = URL(string: "https://www.baidu.com/")
        
        let web = WKWebView(frame: view.bounds, configuration: config)
        web.navigationDelegate = self
        web.uiDelegate = self
        if let url = url {
            let  urlRequest = URLRequest(url: url)
            web.load(urlRequest)
            
        }
        return web
    }()

2>
view.addSubview(wkWebV)


3.
extension ViewController:WKNavigationDelegate,WKUIDelegate,WKScriptMessageHandler{
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        
    }
    
    
}