1、首先讓前端的同事打一個(gè)包（index.html,static文件包含css、資源文件、js等）導(dǎo)入項(xiàng)目；

成都創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的江陽(yáng)網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

:warning: 注意：

把index.html放入項(xiàng)目根目錄下，command+n創(chuàng)建一個(gè)資源文件.bundle，資源文件里也的包含一份 index.html

下面開始代碼：

懶加載WKWebView

引入#import #import

繼承 WKNavigationDelegate,WKUIDelegate,

- (WKWebView *)wkWebView{
  if (!_wkWebView) {
    //設(shè)置網(wǎng)頁(yè)的配置文件
    WKWebViewConfiguration * Configuration = [[WKWebViewConfiguration alloc]init];
    //允許視頻播放
    if (@available(iOS 9.0, *)) {
      Configuration.allowsAirPlayForMediaPlayback = YES;
    } else {
      // Fallback on earlier versions
    }
    // 允許在線播放
    Configuration.allowsInlineMediaPlayback = YES;
    // 允許可以與網(wǎng)頁(yè)交互，選擇視圖
    Configuration.selectionGranularity = YES;
    // 關(guān)于 WKWebView 無法跳轉(zhuǎn)新頁(yè)面 設(shè)置
    Configuration.preferences.javaScriptCanOpenWindowsAutomatically = YES;
    // web內(nèi)容處理池
    Configuration.processPool = [[WKProcessPool alloc] init];
    //自定義配置,一般用于 js調(diào)用oc方法(OC攔截URL中的數(shù)據(jù)做自定義操作)
    WKUserContentController * UserContentController = [[WKUserContentController alloc]init];
    // 添加消息處理，注意：self指代的對(duì)象需要遵守WKScriptMessageHandler協(xié)議，結(jié)束時(shí)需要移除
    [UserContentController addScriptMessageHandler:self name:@"download"];//DownloadPolicy
    // 是否支持記憶讀取
    Configuration.suppressesIncrementalRendering = YES;
    // 允許用戶更改網(wǎng)頁(yè)的設(shè)置
    Configuration.userContentController = UserContentController;
    
    _wkWebView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, kIs_iPhoneX? self.view.frame.size.height-34:self.view.frame.size.height) configuration:Configuration];
    _wkWebView.backgroundColor = [UIColor colorWithRed:240.0/255 green:240.0/255 blue:240.0/255 alpha:1.0];
    // 設(shè)置代理
    _wkWebView.navigationDelegate = self;
    _wkWebView.UIDelegate = self;
    // 垂直滾動(dòng)
    [_wkWebView.scrollView setShowsVerticalScrollIndicator:NO];
    _wkWebView.scrollView.contentSize = CGSizeMake(self.view.frame.size.width, kIs_iPhoneX? self.view.frame.size.height-34:self.view.frame.size.height);
    //開啟手勢(shì)觸摸
    _wkWebView.allowsBackForwardNavigationGestures = YES;
    // 設(shè)置 可以前進(jìn) 和 后退
    //適應(yīng)你設(shè)定的尺寸
    [_wkWebView sizeToFit];
    [self.view addSubview:_wkWebView];
  }
  return _wkWebView;
}

本文名稱：vue項(xiàng)目iOSWKWebView加載-創(chuàng)新互聯(lián)
文章分享：http://weahome.cn/article/csjejj.html