首页 / IOS / vue 项目 iOS WKWebView 加载

vue 项目 iOS WKWebView 加载

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue 项目 iOS WKWebView 加载，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含6682字，纯文字阅读大概需要10分钟。

内容图文

1、首先让前端的同事打一个包（index.html,static文件包含css、资源文件、js等）导入项目；

:warning: 注意：

把index.html放入项目根目录下，command+n创建一个资源文件.bundle，资源文件里也的包含一份 index.html

vue 项目 iOS WKWebView 加载 - 文章图片

下面开始代码：

懒加载WKWebView

引入#import <WebKit/WebKit.h> #import <WebKit/WKWebView.h>

继承 WKNavigationDelegate,WKUIDelegate,

- (WKWebView *)wkWebView{
  if (!_wkWebView) {
    //设置网页的配置文件
    WKWebViewConfiguration * Configuration = [[WKWebViewConfiguration alloc]init];
    //允许视频播放
    if (@available(iOS 9.0, *)) {
      Configuration.allowsAirPlayForMediaPlayback = YES;
    } else {
      // Fallback on earlier versions
    }
    // 允许在线播放
    Configuration.allowsInlineMediaPlayback = YES;
    // 允许可以与网页交互，选择视图
    Configuration.selectionGranularity = YES;
    // 关于 WKWebView 无法跳转新页面 设置
    Configuration.preferences.javaScriptCanOpenWindowsAutomatically = YES;
    // web内容处理池
    Configuration.processPool = [[WKProcessPool alloc] init];
    //自定义配置,一般用于 js调用oc方法(OC拦截URL中的数据做自定义操作)
    WKUserContentController * UserContentController = [[WKUserContentController alloc]init];
    // 添加消息处理，注意：self指代的对象需要遵守WKScriptMessageHandler协议，结束时需要移除
    [UserContentController addScriptMessageHandler:self name:@"download"];//DownloadPolicy
    // 是否支持记忆读取
    Configuration.suppressesIncrementalRendering = YES;
    // 允许用户更改网页的设置
    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];
    // 设置代理
    _wkWebView.navigationDelegate = self;
    _wkWebView.UIDelegate = self;
    // 垂直滚动
    [_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);
    //开启手势触摸
    _wkWebView.allowsBackForwardNavigationGestures = YES;
    // 设置 可以前进 和 后退
    //适应你设定的尺寸
    [_wkWebView sizeToFit];
    [self.view addSubview:_wkWebView];
  }
  return _wkWebView;
}

iOS 9 以后和 iOS 8 之前加载方法不一样，做区分

- (void)viewDidLoad {
  [super viewDidLoad];
  NSFileManager *fileManager = [NSFileManager defaultManager];
  NSArray *array1 = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
  NSString *matPath1 = [[array1 objectAtIndex:0] stringByAppendingPathComponent:@"QueHTML"];;
  if (![fileManager fileExistsAtPath:matPath1]) {
    NSString *matString = [[NSBundle mainBundle] pathForResource:@"QueHTML" ofType:@"bundle"];
    dispatch_async(dispatch_get_global_queue(0, 0), ^{
      [fileManager removeItemAtPath:matPath1 error:nil];
      [fileManager copyItemAtPath:matString toPath:matPath1 error:nil];
      dispatch_async(dispatch_get_main_queue(), ^{
        NSLog(@"创建完了");
        if ([[[UIDevice currentDevice] systemVersion] floatValue] < 9.0) {
          [self ios8Load];
        }
        else{
          [self ios9Load];
        }
      });
    });
  }
  else{
    if ([[[UIDevice currentDevice] systemVersion] floatValue] <9.0) {
      [self ios8Load];
    }
    else{
      [self ios9Load];
    }
  }
}
- (void)ios8Load {
  NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
  NSString *path = [paths objectAtIndex:0];
  NSString *basePath = [NSString stringWithFormat:@"%@/%@",path,@"QueHTML/"];
  [self.wkWebView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:[NSTemporaryDirectory() stringByAppendingPathComponent:[NSString stringWithFormat:@"www/QueHTML/index.html"]]]]];
}
- (void)ios9Load {
  NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
  NSString *path = [paths objectAtIndex:0];
  NSString *basePath = [NSString stringWithFormat:@"%@/%@",path,@"QueHTML/"];
  NSString *htmlPath = [NSString stringWithFormat:@"%@/%@",path,@"QueHTML/index.html"];
  NSURL *fileURL = [NSURL fileURLWithPath:htmlPath];
  if (@available(iOS 9.0, *)) {
    [self.wkWebView loadFileURL:fileURL allowingReadAccessToURL:[NSURL fileURLWithPath:basePath isDirectory:YES]];
  }
}

实现代理方法

// 接收到服务器跳转请求之后调用
- (void)webView:(WKWebView *)webView didReceiveServerRedirectForProvisionalNavigation:(WKNavigation *)navigation{
  NSLog(@"接收到服务器跳转请求----%@",navigation);
}
// 在收到响应后，决定是否跳转
- (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void (^)(WKNavigationResponsePolicy))decisionHandler{
  NSLog(@"在收到响应后，决定是否跳转---%@",navigationResponse.response.URL.absoluteString);
  //允许跳转
  decisionHandler(WKNavigationResponsePolicyAllow);
  //不允许跳转
  //decisionHandler(WKNavigationResponsePolicyCancel);
}
// 在发送请求之前，决定是否跳转
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler{
  NSLog(@"在发送请求之前，决定是否跳转---%@",navigationAction.request.URL.absoluteString);
  //允许跳转
  decisionHandler(WKNavigationActionPolicyAllow);
  //不允许跳转
  //decisionHandler(WKNavigationActionPolicyCancel);
}
#pragma mark - WKNavigationDelegate
// 页面开始加载时调用
- (void)webView:(WKWebView *)webView didStartProvisionalNavigation:(WKNavigation *)navigation{
  NSLog(@"页面开始加载");
}
// 当内容开始返回时调用
- (void)webView:(WKWebView *)webView didCommitNavigation:(WKNavigation *)navigation{
  NSLog(@"内容开始返回");
}
// 页面加载完成之后调用
- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{
  NSLog(@"页面加载完成");
}
// 页面加载失败时调用
- (void)webView:(WKWebView *)webView didFailProvisionalNavigation:(WKNavigation *)navigation{
  NSLog(@"页面加载失败");
}

如果是https访问需加上一下代码

- (void)webView:(WKWebView *)webView didReceiveAuthenticationChallenge:(NSURLAuthenticationChallenge *)challenge completionHandler:(void (^)(NSURLSessionAuthChallengeDisposition disposition, NSURLCredential *credential))completionHandler {
  if ([challenge.protectionSpace.authenticationMethod isEqualToString:NSURLAuthenticationMethodServerTrust]) {
    if ([challenge previousFailureCount] == 0) {
      NSURLCredential *credential = [NSURLCredential credentialForTrust:challenge.protectionSpace.serverTrust];
      completionHandler(NSURLSessionAuthChallengeUseCredential, credential);
    } else {
      completionHandler(NSURLSessionAuthChallengeCancelAuthenticationChallenge, nil);
    }
  } else {
   completionHandler(NSURLSessionAuthChallengeCancelAuthenticationChallenge, nil);
  }
}

总结

以上所述是小编给大家介绍的vue 项目 iOS WKWebView 加载,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

内容总结

以上是互联网集市为您收集整理的vue 项目 iOS WKWebView 加载全部内容，希望文章能够帮你解决vue 项目 iOS WKWebView 加载所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/332343.html

来源：【匿名】

【上一篇】解决vue跨域axios异步通信问题【下一篇】php如何实现ios推送

更多 ►

【vue 项目 iOS WKWebView 加载】教程文章相关的互联网学习教程文章

转载一篇关于iOS UIWebview 和javascript关联的文章

作者写的很明白，请参看原地址 http://blog.163.com/m_note/blog/static/208197045201293015844274/ 这里涉及的就是UIWebview的2个最主要的方法，stringByEvaluatingJavaScriptFromString: 和- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType 。第一个方法的主要功能是注入和执行javascript，具体是注入还是执行，要看你参照中的string的格式。第二个方法的主要是根据请...

iOS开发Safari调试WebView页面【图】

App混合开发现已是常态，不过作为app端开发人员，对H5页面的使用，可不能简单的局限于使用，一些简单的调试方法还是有必要了解的。关于如何在使用webview过程中，如何对web内对内容进行调试，这里会简单讲一下步骤。一、真机或Simulator 打开"设置"->"Safari"->"高级"->"Web检查器" 二、打开电脑上 Safari ->“偏好设置” -> “高级” -> “在菜单栏中显示开发选项”下面我会使用模拟器进行测试。三、这时，我们不运行app，...

iOS开发webView的使用二【代码】

#import"ViewController.h"@interface ViewController ()<UIWebViewDelegate> @property (weak, nonatomic) IBOutlet UIWebView *webView; @property (weak, nonatomic) IBOutlet UIBarButtonItem *goBack; @property (weak, nonatomic) IBOutlet UIBarButtonItem *goForward;@end@implementation ViewController#pragma mark ---------------------- #pragma mark Life Cycle - (void)viewDidLoad {[super viewDidLoad];NSURL *ur...

IOS客户端UIwebview下web页面闪屏问题

基于ios客户端uiwebview下的web页面，在其内容高度大于视窗高度时，如果点击超过视窗下文档的底部按钮，收缩内容高度，会发生闪屏问题。外因是由文档的高度大于视窗的高度所致，本质原因未知。解决办法：　　为最外层的元素设置height:100%(要保证100%的高度等于视窗高度)，overflow:scroll,如果想避免出现滚动条的话，还可以在最外层元素加上伪类::-webkit-scrollbar{display:none}，即可完美解决闪屏问题。原文：http://www.cnb...

IOS UIWebView使用开发

NSURL *loadingUrl = [NSURL URLWithString:@"www.baidu.com"];NSURLRequest *request = [NSURLRequest requestWithURL:loadingUrl];UIWebView string原文：http://roderickkennedy.blog.51cto.com/6758427/1553087

iOS: 计算 UIWebView 的内容高度【代码】【图】

- (void)webViewDidFinishLoad:(UIWebView *)wb { //方法1 CGFloat documentWidth = [[wb stringByEvaluatingJavaScriptFromString:@"document.getElementById(‘content‘).offsetWidth"] floatValue]; CGFloat documentHeight = [[wb stringByEvaluatingJavaScriptFromString:@"document.getElementById(\"content\").offsetHeight;"] floatValue]; NSLog(@"documentSize = {%f, %f}", documentWidth, documentHeight);//方法2 C...

vue中的方法如何暴露给webview，使安卓和iOS可以调用【代码】【图】

新建一个外部公共的js文件app.js，定义一个对象并输出，如下：var hybrid = {} window.Hybrid = hybrid if (window.Vue) { // 自动绑定 window.Vue.use(hybrid) }export { hybrid }在需要的文件中引入app.js，将需要暴露的方法赋给hybrid对象，如下：在安卓或者iOS上可调用hybrid.clickMusic来执行函数原文：http://www.cnblogs.com/xunhuang/p/7514115.html

iOS 获取UIWebView上面的按钮点击事件

UIWebView的一些用法总结的网址 http://blog.csdn.net/zhaoweixing1989/article/details/13021513 在网上看到很多文章都说iOS的UIWebView比较耗内存，在我的项目中，最开始我也是用UIWebView来加载网页的。刚开始加载的是自己拼接成的Html，后来在Html中加入一个按钮，点击之后用当前的UIWebView去加载网络上的网页。程序跑起来发现非常耗内存，加载几个网上的网页之后就爆内存警告了，不处理的话很容易被评估拒掉app。后来就改成...

ios开发 uiwebview加载网页时阻止禁止取消图片下载【代码】

http://www.icab.de/blog/2009/08/18/url-filtering-with-uiwebview-on-the-iphone/ - (NSCachedURLResponse*)cachedResponseForRequest:(NSURLRequest*)request {NSURL *url = [request URL];BOOL blockURL = [url.absoluteString hasSuffix:@"jpg"] || [url.absoluteString hasSuffix:@"jpeg"] || [url.absoluteString hasSuffix:@"png"] || [url.absoluteString hasSuffix:@"gif"] || [url.absoluteString hasSuffix:@"ico"] ||...

ios-UIWebView中js和oc代码的互调【代码】

webview是ios中显示远程数据的网页控件，webview能显示的内容很多，MP4、文本、pdf等等；关于js和oc代码的互相调用1：oc中调用js代码;>>oc中调用js代码很简单，一个方法：stringByEvaluatingJavaScriptFromString：@“”；>>要执行的js代码方法到字符串中就可以了；2：js中执行oc的某段代码；>>js中执行oc的代码要通过一个桥梁:　　者桥梁就是webview的一个代理方法：(BOOL)webView:(UIWebView *)webView shouldStartLoadWithReque...

iOS UIWebView 访问https绕过证书验证的方法

@implementation NSURLRequest (NSURLRequestWithIgnoreSSL)+ (BOOL)allowsAnyHTTPSCertificateForHost:(NSString *)host{ return YES;}@end原文：http://www.cnblogs.com/feng9exe/p/8046077.html

iOS开篇——UI之UIWebView【代码】

webView使用 loadRequest: 方法请求数据的加载 1 - (void)createWebView{2//创建全屏大小的webView 3 UIWebView * view = [[UIWebView alloc]initWithFrame:self.view.bounds];4 view.tag = 1;5//创建一个网址对象 6 NSURL * url = [NSURL URLWithString:@"http://www.baidu.com"];7//网络请求 8 NSURLRequest * request = [[NSURLRequest alloc]initWithURL:url];910//用网络请求数据加载webView11 [view load...

IOS webview部分选中链接中的文字【图】

这是我本周遇到遇到的最奇葩的问题，没有之一。先放一张成功之后的效果图：一个图文混排的列表页，在需要选择部分文字进行copy的时候，IOS个二货每次都是直接选中了整个列表项，无论怎么操作它的选框都没有办法做到部分选中。仔细思考并试验之后，找到了两个解决方案：一、把需要选中的文字放进input[text]，然后用oninput屏蔽掉input的输入；二、分析html/css研究下ios为啥总是傻傻分不清楚，只能整块整块的选中；方案一，完美实现...

IOS 错误 [UIWebView cut:]: unrecognized selector sent to instance【代码】

那在什么场景中会出现这种情况呢？如果一个包含文字的输入元素有焦点，然后按钮的点击会导致输入失去焦点，然后接下来在输入时双按会重新得到焦点并从弹出bar中选择剪切复制粘贴，就会导致此error。也就是说当WebView页面中的HTML中有如下代码的时候<input type="text"><input type="button">即有输入框和按钮的时候，会出现 [UIWebView cut:]: unrecognized selector sent to instance 的错误风险简单的说就是若有一个WebView中有...

iOS 修改UIWebView的UserAgent【代码】

iOS和H5交互的时候，H5需要用userAgent带一些参数，需要我们修改默认的UserAgent为自定义的。首先，给大家普及一下userAgent的历史，点击UserAgent查看。网上搜了好多资料。没有一个方式是好用的，总结起来，以下2个方法都不好用：1 ，直接设置request的header里面的userAgentNSMutableURLRequest *request = [[NSMutableURLRequest alloc] initWithURL:url];[request addValue:@"Jiecao/2.4.7" forHTTPHeaderField:@"user-agent"]...

WEBVIEW - 相关标签

webview webviewjavascriptbridge

IOS - 最热教程

解决IOS端微信H5页面软键盘弹起后页面下...微信小程序在ios下Echarts图表不能滑动...App携带参数安装Android和iOS全面解析 vue中axios请求的封装的介绍（代码）axios是什么？axios基于业务场景的二次...Vue.js实战之使用Vuex + axios发送请求...javascript实现阻止iOS APP中的链接打开...使用axios封装fetch方法和调用通过vue.js使用axios实现下载功能（详细...通过vue实现添加axios组件,解决post传参...

首页 / IOS / vue 项目 iOS WKWebView 加载

vue 项目 iOS WKWebView 加载

内容导读

内容图文

内容总结

内容备注

内容手机端

【vue 项目 iOS WKWebView 加载】教程文章相关的互联网学习教程文章

转载一篇关于iOS UIWebview 和javascript关联的文章

iOS开发Safari调试WebView页面【图】

iOS开发webView的使用二【代码】

IOS客户端UIwebview下web页面闪屏问题

IOS UIWebView使用开发

iOS: 计算 UIWebView 的内容高度【代码】【图】

vue中的方法如何暴露给webview，使安卓和iOS可以调用【代码】【图】

iOS 获取UIWebView上面的按钮点击事件

ios开发 uiwebview加载网页时阻止禁止取消图片下载【代码】

ios-UIWebView中js和oc代码的互调【代码】

iOS UIWebView 访问https绕过证书验证的方法

iOS开篇——UI之UIWebView【代码】

IOS webview部分选中链接中的文字【图】

IOS 错误 [UIWebView cut:]: unrecognized selector sent to instance【代码】

iOS 修改UIWebView的UserAgent【代码】

WEBVIEW - 相关标签

VUE - 相关标签

IOS - 相关标签

IOS - 最新教程

IOS - 最热教程