摘要:內部是對與的封裝,但是,它被設計成具有良好的代碼體驗。為何要從更新到倘若你仔細觀察過的內存占用和內存泄漏,你會認為蘋果的工程師在此處開了小差,而這個小差很難被接受。當改動服務端的代碼,勢必導致老版本中的交互失效。
1、在閱讀過無數關于WebView的文章后,才有此文的出現。某種意義上,此文的初衷并非技術分享,而是對抄襲的不滿。希望閱讀此文的你是干干凈凈的。
2、選擇WebView作為第一篇技術文章的原因,是因為網絡上眾多對于第二代webview引擎的介紹不盡人意,且關于JS交互極為模糊,做事不該是做完整嗎?倘若你想琢磨,可在源碼中一窺究竟。
3、如果你有更加高明的思路,請Email:xorshine@icloud.com,或者在github上說明。
4、GSWebView下載地址 GSWebView文檔
iOS8之前閉源的UIWebView與之后開源的WKWebView,在開發中為了支持iOS8以下的系統,不免要費些功夫。很少見到一個框架能如GSWebView一般將兩者的用法簡化。
GSWebView內部是對UIWebView與WKWebView的封裝,但是,它被設計成具有良好的代碼體驗。沒有過多的類讓人耳目眩暈。倘若你使用過UIWebView,那么,使用GSWebView則更加容易,你能很清楚的看出GSWebView是基本符合UIWebView的使用習慣。
使用GSWebView能從根本上解決開發者對于兩代web引擎封裝的困惑。
1.為何要從UIWebView更新到WKWebView?倘若你仔細觀察過UIWebView的內存占用和內存泄漏,你會認為蘋果的工程師在此處開了小差,而這個小差很難被接受。當你對比WKWebView時,你會感覺到它對于內存占用優化上的做出的努力。
UIWebView | WKWebView | 備注 | |
---|---|---|---|
iOS 版本 | 8.4 | 8.4 | ——— |
iPhone | 6 | 6 | 真機測試 |
測試網頁 | 天貓首頁 | 天貓首頁 | ——— |
內存占用峰值 | 132.2MB | 8.4MB | ——— |
加載耗時 | 3.1s | 2.6s | mach_absolute_time(); |
FPS | 無明顯差異 | 無明顯差異 | Instruments (core animation) |
測試次數 | 2 | 2 | ——— |
注:該項測試或許存在很大的主觀性,當我加載天貓首頁時,這個結果出乎意料,差別大到令人難以接受。
2.如UIWebView一樣使用GSWebView無數的類堆積的時候,到底是OOP還是POP,當你看到WKWebView時,GSWebView才會成為你的真愛,WKWebView的設計......哎,但性能好才是真的好!
引入WebKit與JavaScriptCore庫,就可開始使用GSWebView。
熟悉的屬性、方法
@property (nonatomic, readonly, strong) UIScrollView *scrollView; @property (nonatomic, readonly) BOOL canGoBack; @property (nonatomic, readonly) BOOL canGoForward; - (void)reload; - (void)stopLoading; - (void)goBack; - (void)goForward; //......and so on
形神皆似的協議方法
#prama mark - GSWebViewDelegate - (BOOL)gswebView:(GSWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(GSWebViewNavigationType)navigationType; - (void)gswebViewDidStartLoad:(GSWebView *)webView; - (void)gswebViewDidFinishLoad:(GSWebView *)webView; - (void)gswebView:(GSWebView *)webView didFailLoadWithError:(NSError *)error;3.GSWebView的JavaScript交互
GSWebView定義了兩套協議GSWebViewDelegate和GSWebViewJavaScript,GSWebViewDelegate定義了加載狀態,GSWebViewJavaScript則只定義了JS交互。
當你把方法名就這么一傳,連參數都不要,回調自然完成,絲滑般自然......
#prama mark - GSWebViewJavaScript /** 交互協議 */ @protocol GSWebViewJavaScript@optional /** 調用OC方法 - (NSArray *)gswebViewRegisterObjCMethodNameForJavaScriptInteraction { return @[@"getCurrentUserId"]; } - (void)getCurrentUserId:(NSString *)Id { NSLong@(@"JS調用到OC%@",Id); } */ - (NSArray *)gswebViewRegisterObjCMethodNameForJavaScriptInteraction;
改動并非是為了增加復雜度,而是GSWebView內部的WKWebView必須通過Apple.Inc指定的方法
Adding a scriptMessageHandler adds a function window.webkit.messageHandlers.
.postMessage( ) for all frames.
EXAMPLE:
JS調用客戶端getConsultationInfo:方法,客戶端獲取到id實現該方法,蘋果要求必須這樣做:
//獲取客戶端iOS版本 var version = (navigator.appVersion).match(/OS (d+)_(d+)_?(d+)?/); version = parseInt(ver[1], 10); if(version >= 7.0 && version < 8.0){ getConsultationInfo(id); }else if(version>=8.0){ window.webkit.messageHandlers.getConsultationInfo.postMessage(id) }
這不是貧僧的錯,要怪就怪......
4.注意事項如果之前使用了UIWebView,如今使用GSWebView,在服務端對JS源碼做出改動后,必須要考慮客戶端老版本的兼容情況。當改動服務端的JS代碼,勢必導致老版本中的UIWebView交互失效。在下有個建議:
當GSWebView加載成功,我們調用服務端預先寫好的方法 function shouldUseLatestWebView(isBool);
NSString * shouldUseLatestWebView; if (IS_IOS_8) { shouldUseLatestWebView = [NSString stringWithFormat:@"shouldUseLatestWebView("%@")", @"1"]; }else{ shouldUseLatestWebView = [NSString stringWithFormat:@"shouldUseLatestWebView("%@")", @"0"]; } [self.webview excuteJavaScript:jsGetCurrentUserId completionHandler:^(id _Nonnull params, NSError * _Nonnull error) { if (error) { NSLog(@"注入JS方法shouldUseLatestWebView出錯:%@",[error localizedDescription]); } }];
服務端用一個全局變量保存isBool的值,當isBool為字符串1時,說明需要使用的是第二代WebView,服務端必須使用最新的交互方式代碼,如果為字符串0或者空,則依舊使用原來的代碼交互:
//一個全局的變量 var isBool = ""; function shouldUseLatestWebView(isBool){ isBool = isBool; } if(isBool == "0" || isBool == ""){ getConsultationInfo(id); }else if(isBool == "1"){ window.webkit.messageHandlers.getConsultationInfo.postMessage(id); }
如此一來,就可以做到老版本的兼容。
5.不要吝惜你的建議大膽的批評GSWebView!
畢竟,代碼體驗與用戶體驗,都同樣,重要。
本作品采用采用知識共享署名-非商業性使用-禁止演繹 3.0 中國大陸許可協議進行許可
*
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/91038.html
摘要:背景是微信將要從切換成,前端的頁面需要進行適配。以往在做滾動加載的組件時,微信內的翻頁的時候老是要等待下一頁加載,現在終于不用等了。當然也有坑,具體微信內要怎么兼容看文檔。微信在,已經開始灰度了,后續版本會全量。 WKWebView 背景是微信webview將要從UIWebView切換成WKWebView,前端的web頁面需要進行適配。 什么是WKWebView 官方的解釋:WKWeb...
摘要:使用這種方案攔截的網絡請求造成的問題就是請求數據被清空,還是所為,看源碼主要看代碼中間那兩句注釋,大致的意思就是不會在進程間通信發送的。如何解決終極思路就是雖然的會在進程間通信時被丟棄,但不會。 github地址:JXBWKWebView,如果覺得項目不錯可以點個star支持一下,謝謝~ 前言 目前iOS系統已經更新到iOS11,大多數項目向下兼容最多兼容到iOS8,因此,在項目中對...
摘要:使用這種方案攔截的網絡請求造成的問題就是請求數據被清空,還是所為,看源碼主要看代碼中間那兩句注釋,大致的意思就是不會在進程間通信發送的。如何解決終極思路就是雖然的會在進程間通信時被丟棄,但不會。 github地址:JXBWKWebView,如果覺得項目不錯可以點個star支持一下,謝謝~ 前言 目前iOS系統已經更新到iOS11,大多數項目向下兼容最多兼容到iOS8,因此,在項目中對...
閱讀 1076·2021-11-22 14:56
閱讀 1520·2019-08-30 15:55
閱讀 3359·2019-08-30 15:45
閱讀 1655·2019-08-30 13:03
閱讀 2868·2019-08-29 18:47
閱讀 3334·2019-08-29 11:09
閱讀 2641·2019-08-26 18:36
閱讀 2615·2019-08-26 13:55