WKWebView獲取頁面title和加載進(jìn)度值

關(guān)于WKWebview與UIWebview的簡單對比熬的,可以參考我去年寫的一篇文章WKWbeview的初步使用痊硕。
這次我們通過KVO來獲取網(wǎng)頁頁面title以及加載的進(jìn)度值,解釋可以看代碼的注釋押框,如下

#import "WKWebviewController.h"
#import <WebKit/WebKit.h>
@interface WKWebviewController ()<WKUIDelegate,WKNavigationDelegate>

@property (nonatomic,strong) WKWebView *wkWebview;
@property (nonatomic,strong) UIProgressView *progress;
@end

@implementation WKWebviewController

#pragma mark --- wk
- (WKWebView *)wkWebview
{
    if (_wkWebview == nil)
    {
        _wkWebview = [[WKWebView alloc]initWithFrame:CGRectMake(0, 0, WIDTH, HEIGHT)];
        _wkWebview.UIDelegate = self;
        _wkWebview.navigationDelegate = self;
        _wkWebview.backgroundColor = [UIColor clearColor];
        [self.view addSubview:_wkWebview];
    }
    return _wkWebview;
}

#pragma mark 加載進(jìn)度條
- (UIProgressView *)progress
{
    if (_progress == nil)
    {
        _progress = [[UIProgressView alloc]initWithFrame:CGRectMake(0, 64, WIDTH, 2)];
        _progress.tintColor = [UIColor blueColor];
        _progress.backgroundColor = [UIColor lightGrayColor];
        [self.view addSubview:_progress];
    }
    return _progress;
}


- (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];

    //TODO:加載
    [self.wkWebview loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:self.urlString]]];

    //TODO:kvo監(jiān)聽岔绸,獲得頁面title和加載進(jìn)度值
    [self.wkWebview addObserver:self forKeyPath:@"estimatedProgress" options:NSKeyValueObservingOptionNew context:NULL];
    [self.wkWebview addObserver:self forKeyPath:@"title" options:NSKeyValueObservingOptionNew context:NULL];


}
- (void)viewDidLoad {
    [super viewDidLoad];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark KVO的監(jiān)聽代理
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {

    //加載進(jìn)度值
    if ([keyPath isEqualToString:@"estimatedProgress"])
    {
        if (object == self.wkWebview)
        {
            [self.progress setAlpha:1.0f];
            [self.progress setProgress:self.wkWebview.estimatedProgress animated:YES];
            if(self.wkWebview.estimatedProgress >= 1.0f)
            {
                [UIView animateWithDuration:0.5f
                                      delay:0.3f
                                    options:UIViewAnimationOptionCurveEaseOut
                                 animations:^{
                                     [self.progress setAlpha:0.0f];
                                 }
                                 completion:^(BOOL finished) {
                                     [self.progress setProgress:0.0f animated:NO];
                                 }];
            }
        }
        else
        {
            [super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
        }
    }
    //網(wǎng)頁title
    else if ([keyPath isEqualToString:@"title"])
    {
        if (object == self.wkWebview)
        {
            self.title = self.wkWebview.title;
        }
        else
        {
            [super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
        }
    }
    else
    {
        [super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
    }
}

#pragma mark 移除觀察者
- (void)dealloc
{
    [self.wkWebview removeObserver:self forKeyPath:@"estimatedProgress"];
    [self.wkWebview removeObserver:self forKeyPath:@"title"];
}
@end

代碼不足之處,還請多多指教橡伞。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末盒揉,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子兑徘,更是在濱河造成了極大的恐慌刚盈,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,252評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件挂脑,死亡現(xiàn)場離奇詭異藕漱,居然都是意外死亡欲侮,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,886評論 3 399
  • 文/潘曉璐 我一進(jìn)店門谴分,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人镀脂,你說我怎么就攤上這事牺蹄。” “怎么了薄翅?”我有些...
    開封第一講書人閱讀 168,814評論 0 361
  • 文/不壞的土叔 我叫張陵沙兰,是天一觀的道長。 經(jīng)常有香客問我翘魄,道長鼎天,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,869評論 1 299
  • 正文 為了忘掉前任暑竟,我火速辦了婚禮斋射,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘但荤。我一直安慰自己罗岖,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,888評論 6 398
  • 文/花漫 我一把揭開白布腹躁。 她就那樣靜靜地躺著桑包,像睡著了一般。 火紅的嫁衣襯著肌膚如雪纺非。 梳的紋絲不亂的頭發(fā)上哑了,一...
    開封第一講書人閱讀 52,475評論 1 312
  • 那天,我揣著相機(jī)與錄音烧颖,去河邊找鬼弱左。 笑死,一個(gè)胖子當(dāng)著我的面吹牛炕淮,可吹牛的內(nèi)容都是我干的科贬。 我是一名探鬼主播,決...
    沈念sama閱讀 41,010評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼鳖悠,長吁一口氣:“原來是場噩夢啊……” “哼榜掌!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起乘综,我...
    開封第一講書人閱讀 39,924評論 0 277
  • 序言:老撾萬榮一對情侶失蹤憎账,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后卡辰,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體胞皱,經(jīng)...
    沈念sama閱讀 46,469評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡邪意,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,552評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了反砌。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片雾鬼。...
    茶點(diǎn)故事閱讀 40,680評論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖宴树,靈堂內(nèi)的尸體忽然破棺而出策菜,到底是詐尸還是另有隱情,我是刑警寧澤酒贬,帶...
    沈念sama閱讀 36,362評論 5 351
  • 正文 年R本政府宣布又憨,位于F島的核電站,受9級特大地震影響锭吨,放射性物質(zhì)發(fā)生泄漏蠢莺。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,037評論 3 335
  • 文/蒙蒙 一零如、第九天 我趴在偏房一處隱蔽的房頂上張望躏将。 院中可真熱鬧,春花似錦考蕾、人聲如沸耸携。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,519評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽夺衍。三九已至,卻和暖如春喜命,著一層夾襖步出監(jiān)牢的瞬間沟沙,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,621評論 1 274
  • 我被黑心中介騙來泰國打工壁榕, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留矛紫,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,099評論 3 378
  • 正文 我出身青樓牌里,卻偏偏與公主長得像颊咬,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子牡辽,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,691評論 2 361

推薦閱讀更多精彩內(nèi)容

  • 前言 關(guān)于UIWebView的介紹喳篇,相信看過上文的小伙伴們,已經(jīng)大概清楚了吧态辛,如果有問題麸澜,歡迎提問。 本文是本系列...
    CoderLF閱讀 8,973評論 2 12
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫奏黑、插件炊邦、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,123評論 4 61
  • 前言 關(guān)于UIWebView的介紹,相信看過上文的小伙伴們碘菜,已經(jīng)大概清楚了吧凹蜈,如果有問題,歡迎提問炉媒。 本文是本系列...
    Dark_Angel閱讀 28,911評論 67 291
  • Week3 notes A.面向?qū)ο缶幊套偾嫦驅(qū)ο笤O(shè)計(jì) composition昆烁,復(fù)合表示has-a templat...
    古來征戰(zhàn)幾人回閱讀 199評論 0 0
  • 一張無形的網(wǎng) 搭起未來的橋梁 一本有字的書 訴說奮斗的榮光 在這座知識(shí)的殿堂 有我的歡樂和悵惘 在這片浩瀚的海洋 ...
    月舞傾城閱讀 591評論 46 50