WKWebView 的簡(jiǎn)單使用

相比UIWebView 的優(yōu)點(diǎn) 占用內(nèi)存少 加載速度快

  1. 創(chuàng)建
WKWebView *webView = [[WKWebView alloc]initWithFrame:CGRectMake(0, 0,Screen_Width, Screen_Height)];
    NSURLRequest *request = [NSURLRequest requestWithURL:url];
// 取消掉回彈效果
    webView.scrollView.bounces = NO ;
    [webView loadRequest:request];
    [self.view addSubview:webView];

2.添加加載進(jìn)度條
該部分來(lái)源http://blog.csdn.net/hdfqq188816190/article/details/51382388


UIView *progress = [[UIView alloc]initWithFrame:CGRectMake(0, 23, CGRectGetWidth(self.view.frame), 2)];
    progress.backgroundColor = [UIColor clearColor];
    [self.view addSubview:progress];
    
    CALayer *layer = [CALayer layer];
    layer.frame = CGRectMake(0, 0, 0, 3);
    layer.backgroundColor = Theme_Blue.CGColor;
    [progress.layer addSublayer:layer];
    self.progresslayer = layer;

// 給wkwebView 添加觀察者

 [webView addObserver:self forKeyPath:@"estimatedProgress" options:NSKeyValueObservingOptionNew context:nil];
// 實(shí)現(xiàn)監(jiān)聽(tīng)方法

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSString *,id> *)change context:(void *)context{
    if ([keyPath isEqualToString:@"estimatedProgress"]) {
        self.progresslayer.opacity = 1;
        //不要讓進(jìn)度條倒著走...有時(shí)候goback會(huì)出現(xiàn)這種情況
        if ([change[@"new"] floatValue] < [change[@"old"] floatValue]) {
            return;
        }
        self.progresslayer.frame = CGRectMake(0, 0, self.view.bounds.size.width * [change[@"new"] floatValue], 2);
        if ([change[@"new"] floatValue] == 1) {
            dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(.4 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
                self.progresslayer.opacity = 0;
            });
            dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(.5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
                self.progresslayer.frame = CGRectMake(0, 0, 0, 2);
            });
        }
    }else{
        [super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
    }
}

- (void)dealloc{
    
    [(WKWebView *)self.webview removeObserver:self forKeyPath:@"estimatedProgress"];
}

3.self.view 上添加webview 后 添加的點(diǎn)擊手勢(shì)會(huì)被攔截而無(wú)法執(zhí)行
解決辦法(這樣可以執(zhí)行自定義的手勢(shì) 但是無(wú)法屏蔽掉webview 自帶的手勢(shì) 也就是說(shuō)如果webview 和 self.view 都有添加雙擊手勢(shì)的話兩者都會(huì)被執(zhí)行)

實(shí)現(xiàn)手勢(shì)的代理方法

// 所在的類遵守協(xié)議UIGestureRecognizerDelegate
// 設(shè)置添加手勢(shì)的代理為self
@interface UIViewController ()<UIGestureRecognizerDelegate>

-(void)addTapGestureRecoginize{
    
    UITapGestureRecognizer *doubleTap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(bactToListView)];
    doubleTap.delegate = self ;
    [doubleTap setNumberOfTapsRequired:2];
    [self.view addGestureRecognizer:doubleTap];
   
}
-(BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer{

    return YES ;
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末撒桨,一起剝皮案震驚了整個(gè)濱河市缕减,隨后出現(xiàn)的幾起案子梁只,更是在濱河造成了極大的恐慌,老刑警劉巖圈驼,帶你破解...
    沈念sama閱讀 211,817評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡必搞,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門囊咏,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)恕洲,“玉大人塔橡,你說(shuō)我怎么就攤上這事∷冢” “怎么了葛家?”我有些...
    開封第一講書人閱讀 157,354評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)泌类。 經(jīng)常有香客問(wèn)我癞谒,道長(zhǎng),這世上最難降的妖魔是什么刃榨? 我笑而不...
    開封第一講書人閱讀 56,498評(píng)論 1 284
  • 正文 為了忘掉前任弹砚,我火速辦了婚禮,結(jié)果婚禮上枢希,老公的妹妹穿的比我還像新娘桌吃。我一直安慰自己,他們只是感情好苞轿,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,600評(píng)論 6 386
  • 文/花漫 我一把揭開白布茅诱。 她就那樣靜靜地躺著,像睡著了一般呕屎。 火紅的嫁衣襯著肌膚如雪让簿。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,829評(píng)論 1 290
  • 那天秀睛,我揣著相機(jī)與錄音尔当,去河邊找鬼。 笑死蹂安,一個(gè)胖子當(dāng)著我的面吹牛椭迎,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播田盈,決...
    沈念sama閱讀 38,979評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼畜号,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了允瞧?” 一聲冷哼從身側(cè)響起简软,我...
    開封第一講書人閱讀 37,722評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎述暂,沒(méi)想到半個(gè)月后痹升,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,189評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡畦韭,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,519評(píng)論 2 327
  • 正文 我和宋清朗相戀三年疼蛾,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片艺配。...
    茶點(diǎn)故事閱讀 38,654評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡察郁,死狀恐怖衍慎,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情皮钠,我是刑警寧澤稳捆,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布,位于F島的核電站麦轰,受9級(jí)特大地震影響眷柔,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜原朝,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,940評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望镶苞。 院中可真熱鬧喳坠,春花似錦、人聲如沸茂蚓。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,762評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)聋涨。三九已至晾浴,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間牍白,已是汗流浹背脊凰。 一陣腳步聲響...
    開封第一講書人閱讀 31,993評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留茂腥,地道東北人狸涌。 一個(gè)月前我還...
    沈念sama閱讀 46,382評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像最岗,于是被迫代替她去往敵國(guó)和親帕胆。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,543評(píng)論 2 349

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

  • 前言 關(guān)于UIWebView的介紹般渡,相信看過(guò)上文的小伙伴們懒豹,已經(jīng)大概清楚了吧,如果有問(wèn)題驯用,歡迎提問(wèn)脸秽。 本文是本系列...
    CoderLF閱讀 8,953評(píng)論 2 12
  • WKWebView-iOS 8出現(xiàn)的,比UIWebView性能高出很多晨汹!而且現(xiàn)在xcode也只支持到iOS8.0了...
    芝麻綠豆閱讀 1,671評(píng)論 0 5
  • 最近公司的項(xiàng)目要加載幾個(gè)H5頁(yè)面(不用和js交互)豹储。先前我是用的是Webview,可是在調(diào)試的時(shí)候發(fā)現(xiàn)了問(wèn)題淘这,加載...
    ZYiDa閱讀 654評(píng)論 0 1
  • 前言: web頁(yè)面和app的直接的交互是很常見(jiàn)的東西剥扣,在ios8之前巩剖,用的是uiwebview,但是在ios8之后...
    qingchen91閱讀 2,947評(píng)論 6 25
  • http://www.cnblogs.com/mddblog/p/5281748.html 一钠怯、整體介紹 UIWe...
    F麥子閱讀 1,227評(píng)論 0 2