學(xué)習(xí)-WebKit(展示W(wǎng)eb界面)

http://blog.csdn.net/y550918116j/article/details/50113107

WebKit(展示W(wǎng)eb界面)

WebKit(WKScriptMessageHandler)

WebKit(WKUIDelegate)

WebKit(WKNavigationDelegate)

WebKit(刷新)

WebKit(導(dǎo)航)

WebKit(瀏覽記錄)

WebKit(進(jìn)度條)

在WWDC2014中,蘋果推出了最新的iOS8系統(tǒng),其中也伴隨著很多控件的更新與升級(jí)。其中全新的WebKit庫(kù)讓人很是興奮。本人將用一系列的博文來(lái)為大家講解WebKit的相關(guān)應(yīng)用。在本篇博文將為大家講解使用WKWebView怎么加載本地和網(wǎng)絡(luò)Web頁(yè)面。

WebKit的核心就是WKWebView控件。

1 項(xiàng)目

1.1 搭建項(xiàng)目

這次啟用了和講解UIWebView相類似的項(xiàng)目。完整項(xiàng)目各位可自行搭建,

在這里使用了類YJBaseVC,后續(xù)會(huì)使用YJSeniorVC。

#import"YJBaseVC.h"

@interfaceYJBaseVC()

@property(nonatomic,strong) WKWebView *webView;///< WKWebView

@end

@implementationYJBaseVC

- (void)viewDidLoad {

? ? ? ?[superviewDidLoad];

}

@end

這里只有一個(gè)全局屬性webView,它指向一個(gè)強(qiáng)引用的WKWebView類。

1.2 初始化WKWebView

1.2.1 增加WebKit庫(kù)

WKWebView的運(yùn)行都要基于WKWebView庫(kù),故我們添加WKWebView庫(kù)。

#import

1.2.2 懶加載WKWebView

在這里我們使用懶加載的方式加載WKWebView,即使用的時(shí)候才添加到View中。

WKWebView有一個(gè)核心配置器WKWebViewConfiguration,你可以理解它是WKWebView的中央管理器。這里設(shè)置一個(gè)空的WKWebViewConfiguration,后續(xù)會(huì)做補(bǔ)充。

在YJBaseVC.m添加方法。


2 顯示本地Html頁(yè)面

2.1 搭建本地Html頁(yè)面

下面就是我為大家搭建的網(wǎng)頁(yè)源碼。


你可以在項(xiàng)目中新建一個(gè)文件,將代碼復(fù)制進(jìn)去,并設(shè)文件名為index.html。在瀏覽器運(yùn)行會(huì)看見(jiàn)如下效果圖。

2.2 加載Html頁(yè)面

在WKWebView加載頁(yè)面時(shí)常用方法- (nullable WKNavigation *)loadRequest:(NSURLRequest *)request;。還有其他幾種加載方法,可自行研究,這里不在描述。

添加如下方法。

運(yùn)行即可看到效果。

2 網(wǎng)絡(luò)頁(yè)面展示

2.1 加載百度首頁(yè)

在這里我們使用百度首頁(yè)作為我們要顯示的頁(yè)面。

改寫loadWebView方法。


運(yùn)行項(xiàng)目發(fā)現(xiàn)百度首頁(yè)無(wú)法顯示。

2.2 解決網(wǎng)絡(luò)頁(yè)面無(wú)法顯示問(wèn)題

由于IOS9的安全機(jī)制更高,蘋果不再允許http連接和沒(méi)有ssl驗(yàn)證的https運(yùn)行。

但我們可以人為的解決這種問(wèn)題,只需在Info.plist文件添加如下代碼。

NSAppTransportSecurityNSAllowsArbitraryLoads

運(yùn)行項(xiàng)目可看見(jiàn)百度首頁(yè)。

其他

源代碼

Objective-C

參考資料

WebKit Framework Reference

WKWebView的新特性與使用

WKWeb?View

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,365評(píng)論 4 61
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,058評(píng)論 25 709
  • 青云衣兮白霓裳,舉長(zhǎng)矢兮射天狼 一直難以相信,能寫出如此詞句的人,會(huì)自投汨羅江水而死,無(wú)畏決絕。 他,是楚國(guó)貴族,...
    成周子閱讀 1,379評(píng)論 2 6
  • A.Unix下共有5種I/O模型阻塞I/O非阻塞I/OI/O復(fù)用(select和(e)poll)信號(hào)驅(qū)動(dòng)I/O(S...
    狼之足跡閱讀 453評(píng)論 0 0
  • 一、全新安裝前,先檢查是否有安裝殘留 1、如果之前裝過(guò)cocopods,最好先卸載掉,卸載命令: $ sudo g...
    JW_T閱讀 756評(píng)論 0 2

友情鏈接更多精彩內(nèi)容