swift(ios) webview 的优化

最新推荐文章于 2022-09-27 06:46:32 发布
最新推荐文章于 2022-09-27 06:46:32 发布
阅读量2.8k 收藏
点赞数
分类专栏： iOS
转载请邮件联系我(hello@yeshen.org)，以取得授权，谢谢！https://yeshen.org
本文链接：https://blog.csdn.net/yeshennet/article/details/52413517
版权

最近一直在做手机H5的东西，网页写多了，测试也测出问题来了，打开十几个网页后，app出现无响应，app的webview界面出现黑屏等等奇怪的问题。

我试了几遍，APP内存占用从20M飙升到100M＋，到了100M的时候，xcode被断开了，然后问题就一个个冒出来了-_-!

 搜索了一下，是uiwebview内存泄漏，然后我就兼容了wkwebview。

wkwebview遇到的问题主要有几个：

1、多个wkwebview数据不同步，localstorage在a页面能用，去到b页面能用，在b页面写入东西，在a页面看不到

2、跳转新增webview，加载很慢

3、receiveMemoryWarning 之后，或者一段时间没用之后，返回之前的页面，页面变成空白

我解决了这几个问题，并写了一个替代的兼容webview


所以标题也可以叫uiwebview的无痛迁移


//
//  GsWebView.swift
//  iosclient
//
//  Created by Yeshen on 16/8/31.
//  Copyright © 2016年 L. All rights reserved.
//

import Foundation
import UIKit
import WebKit

protocol GsWebViewDelegate{
    func webView(webView: GsWebView, shouldStartLoadWithRequest request: String?) -> Bool
    func webViewDidStartLoad(webView: GsWebView)
    func webViewDidFinishLoad(webView: GsWebView)
    func webView(webView: GsWebView, didFailLoadWithError error: NSError?)
}

class GsWebView :NSObject,UIWebViewDelegate,WKNavigationDelegate,WKUIDelegate{
    var delegate:GsWebViewDelegate?
    var view:UIView?
    
    init(frame:CGRect) {
        super.init()
        if #available(iOS 8.0, *) {
            let config = WKWebViewConfiguration()
            config.processPool = ProcessPool.ins.get()
            config.preferences = ProcessPool.ins.getPreferences()
            let v = WKWebView(frame: frame, configuration: config)
            v.navigationDelegate = self
            v.UIDelegate = self
            v.opaque = false

            self.view = v
        }else{
            let v = UIWebView(frame: frame)
            v.delegate = self
            v.dataDetectorTypes = UIDataDetectorTypes.None
            self.view = v
        }
    }
    
    func loadRequest(url:String){
        if let url = NSURL(string: url.EncodeURL()){
            let request = NSURLRequest(URL: url)
            if #available(iOS 8.0, *) {
                if let wkweb = view as? WKWebView {
                    wkweb.loadRequest(request)
                }
            } else {
                if let uiweb = view as? UIWebView{
                    uiweb.loadRequest(request)
                }
            }
        }
    }
    func setBackgroundColor(color:UIColor){
        view?.backgroundColor = color
    }
    
    func getScrollView() -> UIScrollView?{
        if #available(iOS 8.0, *) {
            if let wkweb = view as? WKWebView {
                return wkweb.scrollView
            }
        } else {
            if let uiweb = view as? UIWebView{
                return uiweb.scrollView
            }
        }
        return nil
    }
    
    func runJs(action:String?){
        if #available(iOS 8.0, *) {
            if let wkweb = view as? WKWebView {
                wkweb.runJs(action)
            }
        } else {
            if let uiweb = view as? UIWebView{
                uiweb.runJs(action)
            }
        }
    }
    
    func JavaScriptGet(action:String?,callback:((AnyObject?, NSError?) -> Void)){
        if #available(iOS 8.0, *) {
            if let wkweb = view as? WKWebView {
                wkweb.JavaScriptGet(action, callback: callback)
                return
            }
        } else {
            if let uiweb = view as? UIWebView{
                let str = uiweb.JavaScriptGet(action)
                callback(str, nil)
                return
            }
        }
        callback(nil, nil)
    }
    
    func getTitle() -> String{
        if #available(iOS 8.0, *) {
            if let wkweb = view as? WKWebView {
                return wkweb.getTitle()
            }
        } else {
            if let uiweb = view as? UIWebView{
                return uiweb.getTitle()
            }
        }
        return Strings.empty
    }
    
    func reloadFromOrigin(){
        if #available(iOS 8.0, *) {
            if let wkweb = view as? WKWebView {
                wkweb.reloadFromOrigin()
            }
        } else {
            if let uiweb = view as? UIWebView{
                uiweb.reload()
            }
        }
    }
    
    func reload(){
        self.reload(nil)
    }
    
    func reload(optionalUrl:String?){
        if #available(iOS 8.0, *) {
            if let wkweb = view as? WKWebView {
                if(wkweb.URL == nil && optionalUrl != nil){
                    loadRequest(optionalUrl!)
                    return
                }
                wkweb.reload()
            }
        } else {
            if let uiweb = view as? UIWebView{
                uiweb.reload()
            }
        }
    }
    
    func canGoBack() -> Bool{
        if #available(iOS 8.0, *) {
            if let wkweb = view as? WKWebView {
                return wkweb.canGoBack
            }
        } else {
            if let uiweb = view as? UIWebView{
                return uiweb.canGoBack
            }
        }
        return false
    }
    
    func goBack() {
        if #available(iOS 8.0, *) {
            if let wkweb = view as? WKWebView {
                wkweb.goBack()
            }
        } else {
            if let uiweb = view as? UIWebView{
                uiweb.goBack()
            }
        }
    }
    
    //call on viewDidAppear
    //for wkwebview'bug : Blank screen after running app for a while
    var ensure:Int = 0
    func ensurePageValid(){
        if #available(iOS 8.0, *) {
            ensure++
            if(ensure > 1){
                JavaScriptGet("document.body.children.length > 0", callback: {(data,error) -> Void in
                    var isVaild = true
                    if(error == nil && data != nil){
                        if let vaild = data as? Bool{
                            isVaild = vaild
                        }
                    }else if(error != nil){
                        if(error?.domain == WKErrorDomain && error?.code == 1){
                            isVaild = false
                        }
                    }
                    if(!isVaild){
                        NSOperationQueue.mainQueue().addOperationWithBlock({()-> Void in
                            self.reloadFromOrigin()
                        })
                    }
                })
            }
        }else{
            //ignore it
        }
    }

    /
    func webView(webView: UIWebView, shouldStartLoadWithRequest request: NSURLRequest, navigationType: UIWebViewNavigationType) -> Bool{
        if delegate != nil , let url = request.URL?.description.DecodeURL(){
            return delegate!.webView(self, shouldStartLoadWithRequest: url)
        }
        return true
    }
    @available(iOS 8.0, *)
    func webView(webView: WKWebView, decidePolicyForNavigationAction navigationAction: WKNavigationAction, decisionHandler: (WKNavigationActionPolicy) -> Void){
        var policy = WKNavigationActionPolicy.Allow
        if delegate != nil ,let url = navigationAction.request.URL?.debugDescription.DecodeURL(){
            if(!delegate!.webView(self, shouldStartLoadWithRequest: url)){
                policy = WKNavigationActionPolicy.Cancel
            }
        }
        decisionHandler(policy)
    }
    
    //
    func webViewDidStartLoad(webView: UIWebView){
        if delegate != nil{
            delegate?.webViewDidStartLoad(self)
        }
    }
    @available(iOS 8.0, *)
    func webView(webView: WKWebView, didCommitNavigation navigation: WKNavigation!){
        if delegate != nil{
            delegate?.webViewDidStartLoad(self)
        }
    }
    
    
    func webViewDidFinishLoad(webView: UIWebView){
        if delegate != nil{
            delegate?.webViewDidFinishLoad(self)
        }
    }
    @available(iOS 8.0, *)
    func webView(webView: WKWebView, didFinishNavigation navigation: WKNavigation!){
        if delegate != nil{
            delegate?.webViewDidFinishLoad(self)
        }
    }
    //
    func webView(webView: UIWebView, didFailLoadWithError error: NSError?){
        if delegate != nil{
            delegate?.webView(self, didFailLoadWithError: error)
        }
    }
    @available(iOS 8.0, *)
    func webView(webView: WKWebView, didFailNavigation navigation: WKNavigation!, withError error: NSError){
        if delegate != nil{
            delegate?.webView(self, didFailLoadWithError: error)
        }
    }
    @available(iOS 8.0, *)
    func webView(webView: WKWebView, didFailProvisionalNavigation navigation: WKNavigation!, withError error: NSError){
        if delegate != nil{
            delegate?.webView(self, didFailLoadWithError: error)
        }
    }
    
}

@available(iOS 8.0, *)
extension WKWebView{
    func JavaScriptGet(jscode:String?,callback:((AnyObject?, NSError?) -> Void)?) -> String?{
        if let js = jscode{
            self.evaluateJavaScript("javascript:" + js, completionHandler: callback)
        }
        return nil
    }
    func runJs(jscode:String?){
        if let js = jscode{
            self.evaluateJavaScript("javascript:" + js, completionHandler: {(error,data) -> Void in
            })
        }
    }
    func getTitle() -> String{
        return self.title == nil ? Strings.empty : self.title!
    }
}

extension UIWebView{
    func JavaScriptGet(jscode:String?) -> String?{
        if let js = jscode{
            return self.stringByEvaluatingJavaScriptFromString("javascript:" + js)
        }
        return nil
    }
    func runJs(jscode:String?){
        if let js = jscode{
            self.stringByEvaluatingJavaScriptFromString("javascript:" + js)
        }
    }
    func getTitle() -> String{
        if let title = stringByEvaluatingJavaScriptFromString("document.title"){
            return title
        }
        return Strings.empty
    }
}

//
//  ProcessPool.swift
//  iosclient
//
//  Created by Yeshen on 16/9/2.
//  Copyright © 2016年 L. All rights reserved.
//

import Foundation
import WebKit

@available(iOS 8.0, *)
class LandowProcessPool {
    
    private var pool:WKProcessPool?
    private var preferences:WKPreferences?
    
    class var ins: ProcessPool{
        struct Static {
            static var onceToken:dispatch_once_t = 0
            static var instance:ProcessPool? = nil
        }
        dispatch_once(&Static.onceToken){
            Static.instance = ProcessPool()
        }
        return Static.instance!
    }
    
    func get() -> WKProcessPool{
        if(pool != nil){
            return pool!
        }
        pool = WKProcessPool()
        return pool!
    }
    
    func getPreferences() ->WKPreferences{
        if(preferences != nil){
            return preferences!
        }
        preferences = WKPreferences()
        return preferences!
    }
    
    
}

此外，在Target general 的linked frameworks and libraries中要引入webkit.framework


以上，后面有问题再补充修改


雨声不在
关注
专栏目录
SwiftUI中的 WebView
02-27
SwiftUI中的 WebView
ios-封装UIWebVIew和WKWebView优化webview性能.zip
07-11
ZLCWebView github:https://github.com/lczhai/ZLCWebView //若有帮助，帮点下star 将UIWebVIew和WKWebView封装到一起，当系统版本大于8.0时候选择WKWebView降低性能消耗，当小于8.0时候使用UIWebView进行加载 1、将项目中的根目录中的“ZLCWebView源文件”中的ZLCWebView.h及m拖入工程（或直接在项目中拖出） 2、在自己的目标视图加载即可 //在目标视图内初始化ZLCWebView ZLCWebView *my = [[ZLCWebView alloc]initWithFrame:self.view.bounds]; [my loadURLString:@"http://www.baidu.com"]; my.delegate = self; [self.view addSubview:my]; //让视图遵守ZLCWebView的delegate并实现ZLCWebView的delegate - (void)zlcwebViewDidStartLoad:(ZLCWebView *)webview { NSLog(@"页面开始加载"); } - (void)zlcwebView:(ZLCWebView *)webview shouldStartLoadWithURL:(NSURL *)URL { NSLog(@"截取到URL：%@",URL); } - (void)zlcwebView:(ZLCWebView *)webview didFinishLoadingURL:(NSURL *)URL { NSLog(@"页面加载完成"); } - (void)zlcwebView:(ZLCWebView *)webview didFailToLoadURL:(NSURL *)URL error:(NSError *)error { NSLog(@"加载出现错误"); }
iOSUIWebView 优化 内存大大降低
10-07
项目中我是这样干的，多次点都OK
WebView优化
xiaojunhu的专栏
12-14 5275
我们在native与网页相结合开发的过程中，难免会遇到关于WebView一些共通的问题。就我目前开发过程中遇到的问题以及最后得到的优化方案都将在这里列举出来。有些是老生常谈，有些则是个人摸索得出解决方法。下面就是整理得到的些干货。 1.加快HTML网页装载完成的速度 默认情况html代码下载到WebView后，webkit开始解析网页各个节点，发现有外部样式文件或者外部脚本文件时，会异步发起网
WebView性能、体验分析与优化
美团技术团队
06-09 3214
在App开发中，内嵌WebView始终占有着一席之地。它能以较低的成本实现Android、iOS和Web的复用，也可以冠冕堂皇的突破苹果对热更新的封锁。 然而便利性的同时，WebView的性能体验却备受质疑，导致很多客户端中需要动态更新等页面时不得不采用其他方案。 以发展的眼光来看，功能的动态加载以及三端的融合将会是大趋势。那么如何克服WebView固有的问题呢？我们将从性能、内存...
ios webView获取html标签
10-15
在iOS开发中，`UIWebView` 是一个非常重要的组件，用于在应用内展示网页内容。在某些场景下，我们可能需要获取`UIWebView`中加载的HTML页面的特定标签，以便进行进一步的操作，如解析数据、修改样式或者处理链接。本...
iOS webview Hybrid开发预加载.zip
最新发布
02-08
通过在iOS应用中嵌入Webview，开发者可以使用JavaScript编写大部分应用逻辑，同时利用Objective-C或Swift实现特定的原生功能，如访问设备硬件、推送通知等。Hybrid框架如Cordova、React Native、Ionic等都支持这种...
swift-iOS原生webView与JS交互工具
08-15
在iOS应用开发中，有时我们需要在原生Swift代码和网页内容之间进行交互，这通常涉及到WebView的使用。Swift-iOS原生webView与JS交互工具，如`SFWebViewBridge`，就是为了实现这一目标而设计的。它允许开发者在Swift...
iOS原生与WebView JS交互
07-09
本篇将深入探讨如何实现iOS原生与WebView之间的JS交互，以及如何通过Swift语言高效地完成这一过程。 一、WebView基础 WebView是iOS应用中用来显示网页内容的组件，常见的有WKWebView和UIWebView两种。其中，...
iOS WKWebView适配实战篇
01-03
一、Cookie适配 1.现状 WKWebView适配中最麻烦的就是cookie同步问题 WKWebView采用了独立存储控件，因此和以往的UIWebView并不互通 虽然iOS11以后，iOS开放了WKHTTPCookieStore让开发者去同步，但是还是需要考虑低版本的 同步问题，本章节从各个角度切入考虑cookie同步问题 2.同步cookie(NSHTTPCookieStorage->WKHTTPCookieStore) iOS11+ 可以直接使用WKHTTPCookieStore遍历方式设值，可以在创建wkwebview时候就同步也可以是请求时候 // iOS11同步 HTT
WKWebview秒开实践分享及问题解决方案
zhanglizhi111的博客
05-27 4869
在资讯中,我们项目咨询详情页是通过WKWebView来承载足够丰富的样式和逻辑性的统一[相比比Native来说性能比较差],所以作为研发就踏上了优化新闻详情页路程中. 经过不断的优化和探索, App详情页在线上的打开速度整整由2-4秒优化到从肉眼上基本感受不到加载过程. 下面将讲述逐渐讲述不断优化WKWebView的过程.
WKWebView的简单使用-----内存消耗优于UIWebView
CF_first的博客
05-25 721
#import "ViewController.h" //先引入库文件 #import @interface ViewController () @property (nonatomic, strong) WKWebView *webView; @end @implementation ViewContro
使用WKWebView代替WebView解决内存暴增
L_weiguo的博客
09-26 2538
使用WebView加载H5页面时，经常会出现内存暴增，在ios8以后苹果推出WKWebView很好的解决了这个问题。
前端性能优化方法与实战15 高级进阶：WebView 层及代码架构层面优化
fegus的博客
09-27 573
上一讲我介绍了图片骨架屏和 SSR 这两种优化方案，它主要聚焦于白屏优化，接下来这一讲我将介绍 WebView 层面的优化和前端架构性能方面的调优。为什么是这两个方面呢？首先 WebView 是我们经常使用到的工具，在我们开发 App 过程中起到非常重要的载体作用，甚至我还曾见过专门招聘 WebView 开发工程师的信息。而前端架构的某些因素也会严重影响我们的前端性能体验，所以，这一讲我就重点来介绍下它们。WebView 是一个基于 WebKit 引擎、展现 Web 页面的控件， App 打开 WebVie
iOS之深入解析WKWebView的坑点收录和优化处理
╰つ栺尖篴夢ゞ
07-08 9711
一、Cookie 处理 ① Cookie 说明 WKWebView 在设置 Cookie 的时候，经常做的是在请求的请求头里添加 Cookie，但这只是把 Cookie 发送给了服务端，本地并没有保存 Cookie，Cookie 最终要写到 WebView 的一个 Cookie 文件目录里面，后续 WebView 里面自己的发起的请求或者跳转才能在发起请求的时候，在对应的域名下面取到 Cookie 传出去。 Webview 加载 H5 页面，实际上是把页面相关的 .html、js、css 文件下载到本地，
swift WkWebView的返回，goback，跳过同级
sky_9900的博客
12-07 1787
swift WkWebView的返回，goback，跳过同级 在使用wkwebview的时候，需要增加顶部的返回图标，可以直接调用gaback函数，但是在web页中，同一页的不同tab也会被压入返回的backForwardList.backlist中，所以导致点击返回图标会停留在同一页面。针对这个bug的解决方法如下。 @objc private func onBack(sender: UIBarButtonItem) { guard let webview = wkWebView else
swift用xib 自定义View
yeshen.org
06-03 7996
swift用xib 自定义View
Swift开发：WKWebView在iOS中的全面解析
"这篇教程详细解析了如何在Swift中使用WKWebView来在iOS应用程序中集成Web功能。WKWebView是Apple自iOS 8起推出的新一代Web视图组件，旨在替换UIWebView，它提供了更好的性能和更低的内存消耗。通过使用WKWebView，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值