开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

使用WKWebView加载本地html

WKWebView是一种用于在iOS应用程序中加载和显示网页内容的组件。它是苹果公司推出的基于WebKit引擎的Web视图控件，提供了更强大的功能和性能优化。

WKWebView的主要特点和优势包括：

高性能：相比于UIWebView，WKWebView具有更快的加载速度和更低的内存占用，能够更好地处理复杂的网页内容。
支持现代Web标准：WKWebView支持HTML5、CSS3、JavaScript等最新的Web标准，能够展示更丰富、交互性更强的网页内容。
支持JavaScript交互：WKWebView提供了与JavaScript的双向通信能力，可以在原生应用和网页之间进行数据交换和函数调用。
支持网络请求和Cookie管理：WKWebView可以加载远程网页，并且能够管理Cookie，实现用户登录状态的保持。
支持离线缓存：WKWebView可以将网页内容缓存在本地，即使在没有网络连接的情况下也能够加载已缓存的网页。
支持手势操作：WKWebView支持手势操作，例如捏合缩放、滑动浏览等，提供更好的用户体验。

WKWebView适用于许多应用场景，包括但不限于：

内嵌网页浏览器：可以在应用中嵌入一个浏览器窗口，用于加载和显示网页内容。
Hybrid应用开发：可以将原生应用与Web技术结合，实现更丰富的交互和界面效果。
在应用中展示网页内容：可以在应用中展示一些静态的网页内容，如帮助文档、用户协议等。
Web应用封装：可以将Web应用封装成原生应用，提供更好的性能和用户体验。

腾讯云提供了一系列与云计算相关的产品，其中与WKWebView加载本地html相关的产品是腾讯云移动浏览器（Tencent Mobile Browser）。腾讯移动浏览器是一款基于WebKit内核的移动浏览器引擎，可以在移动应用中加载和显示网页内容。您可以通过以下链接了解更多关于腾讯移动浏览器的信息：https://cloud.tencent.com/product/tmb

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

WKWebView加载沙盒HTML

由于WKWebView做了安全保护，不能够直接loadRequest一个本地文件，所以iOS9之后需要使用loadFileURL方法....NSUserDomainMask, YES); NSString *filePath = [NSString stringWithFormat:@"%@/%@", [paths objectAtIndex:0],@"Test.html..."]; readAccessToURL指定webKit可加载的目录或者文件，如果同级目录下有css等文件，需要这样指定。...如果仅仅只有一个html，也可以把html绝对路径直接放进去，即filePath。

2.3K4 0

iOS 开发之路（使用WKWebView加载Html5）四

基于Swift 3 、 Xcode 8 、 iOS 10 下的WKWebView的使用。　　首先是WKWebView的基本用法： var wk:WKWebView!...//定义的进度条 override func viewDidLoad() { super.viewDidLoad() self.wk = WKWebView(frame...CGRect(x: 0,y : 0, width: self.view.frame.width, height:self.view.frame.height) //定位wk位置 wk = WKWebView...//视图已经加载完后执行 override func viewDidAppear(_ animated: Bool){ super.viewDidAppear(animated)...关于WKWebView中Html5图片上传，下一篇随笔我会说一下。

2.6K2 0

wkwebview加载完成_【Swift】WKWebView与JS的交互使用

一、前言近日，有朋友问我关于WKWebView与JS的交互问题，可我之前一直使用的是UIWebView，也不曾做过WKWebView的交互啊！...二、WKWebView 支持更多的HTML5的特性高达60fps滚动刷新频率与内置手势与Safari相容的JavaScript引擎在性能、稳定性方面有很大提升占用内存更少协议方法及功能都更细致...可获取加载进度等。...-> Void) 五、WKWebView与JS的交互使用首页创建html文件，代码如下： <meta charset...) })) self.present(alertViewController, animated: true, completion: nil) } 4、获取网页中节点的数据 //网页加载完成

5.7K0 0

react native使用WebView加载本地html部署方案

前言最近自己编写的react native安卓程序准备部署一下，发现调用的webview是本地的html文件，即url的格式是: http://localhost:8081/..这样的，所以打包之后会出现加载不到页面的问题...将html文件和相关的js/css等文件复制到asserts目录下 --即存放bundle包的目录，建议创建一个html文件夹或static目录存放静态文件 ? 2....更改url file:///android_asset/html/weather.html 注： html是在assets下的html目录，weather.html是目标html文件 3....至此，问题解决，html页面又能正常加载了。

2.8K8 1

WKWebView 加载 Uni-App 导出的本地 H5

Uni-App 打包发布的H5包直接放到APP中加载可以用于提升加载速度，一般有两种方式：直接把包放到 iOS 项目中加载 (多用于开发阶段测试) 从后台服务器预下载到文件沙盒内加载 (可以减少APP...NSString *pathString = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html" inDirectory:@"h5...Uni-App 基本逻辑和加载本地一致，但是必须使用 relativeToUrl 方法加载，首先确认自己缓存的目录，然后给路径拼接file://协议头: - (void)viewDidLoad {...Uni-APP 效果 Tips: 打包出来的H5先用电脑试下能否成功加载 index.html ~ 如果是Origin null is not allowed by Access-Control-Allow-Origin....问题导致无法加载可以按如下设置，使WKWebView允许跨域： [self.webView.configuration.preferences setValue:@YES forKey:@"allowFileAccessFromFileURLs

9933 0

WKWebView的使用

WKWebView的使用前言最近项目中的UIWebView被替换为了WKWebView，因此来总结一下WKWebView的使用。...示例Demo：WKWebView的使用本文将从以下几方面介绍WKWebView： 1、WKWebView涉及的一些类 2、WKWebView涉及的代理方法 3、网页内容加载进度条的实现 4、JS...和OC的交互 5、本地HTML文件的实现一、WKWebView涉及的一些类 WKWebView：网页的渲染与展示注意： #import //初始化...htmlString = [[NSString alloc]initWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil]; //加载本地...文本编辑偏好设置.png 详情请前往我的Github：WKWebView的使用如果我WKWebView使用的总结没帮到你，你也可以看看下面几篇文： https://www.jianshu.com/p

2.9K6 1

iOS 使用WKWebView

{ //页面加载完成时 webView.evaluateJavaScript( "document.documentElement.style.webkitUserSelect='none...{ //页面加载完成时 for subview in webView.scrollView.subviews { if(subview.gestureRecognizers !...{ //页面开始加载，可在这里给用户loading提示 self.showNoticeWait(text: "加载中..."); } func webView(_ webView: WKWebView...{ //页面加载完成时 for subview in webView.scrollView.subviews { if(subview.gestureRecognizers !..., withError error: Error) { //页面加载出错，可在这里给用户错误提示 } func webView(_ webView: WKWebView, didReceiveServerRedirectForProvisionalNavigation

1.6K1 0

WKWebView加载PDF屏蔽长按功能弹框

问题近期有个需求，需要在WKWebView加载PDF中，基于安全的理由，屏蔽【复制、选择全部】等功能弹窗解决方案捕捉长按手势后进行屏蔽，问题是，原来手势是放在view的subview中，导致一直屏蔽view...的长按手势没法生效// 页面加载完成之后调用- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation

6024 0

使用WKWebView替换UIWebView

代理方法添加引用 import WebKit 代理 WKNavigationDelegate 页面加载状态的回调代理方法 func webView(_ webView: WKWebView, didStartProvisionalNavigation...{ } func webView(_ webView: WKWebView, didFail navigation: WKNavigation!...func backBarButtonClick(){ if(self.webview.canGoBack){ self.webview.goBack() } } 在之前的页面加载完成回调中重新设置导航栏...{ self.setNavi() //这一行是为了页面加载完成后调用js方法加载数据 self.webview.evaluateJavaScript("loadData('...123')") { (response, error) in } } 替换页面中的引用的JS/CSS为本地文件暂时没有什么好的解决方法没有像android可以拦截替换的方法

1.9K1 0

iOS wkwebview https 加载不受信用的站点

iOS 9.0以上直接设置WKNavigationDelegate代理 func webView(_ webView: WKWebView, didReceive challenge: URLAuthenticationChallenge...completionHandler(.useCredential, cred) } 　　引用一下 self.wk.navigationDelegate = self 　　搞定，成功加载证书错误的站点

1.6K4 0

WKWebView加载PDF屏蔽长按功能弹框

问题近期有个需求，需要在WKWebView加载PDF中，基于安全的理由，屏蔽【复制、选择全部】等功能弹窗解决方案捕捉长按手势后进行屏蔽，问题是，原来手势是放在view的subview中，导致一直屏蔽...view的长按手势没法生效 // 页面加载完成之后调用 - (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)

5585 0

iOS加载本地HTML、pdf、doc、excel文件 & HTML字符串与富文本互转

1.1 原理 1.2 源码 1.3 核心代码 2.1 iOS12之前使用UIWebView 2.2 iOS12之后采用WKWebView 3.1 html转换为富文本 3.2 富文本转换为html 前言...iOS加载本地HTML、pdf、doc、excel文件，都可采用WebView进行实现即可 HTML字符串与富文本互转应用场景：使用原生视图UILabel显示服务端返回的带有HTML标签的内容原文...： https://blog.csdn.net/z929118967/article/details/90579369 I、加载本地HTML文件当你在手机打开html文件的时候，是不是用以下这个方法...将它作为邮件的附件，在手机端选择其他应用打开，将html文件存储到文件的iCloud/本机再根据文件名称打开即可如果你有需求在手机端打开本地html的需求，又觉得使用其他方法麻烦或者不管用的时候，推荐你可以自己写个简单的...1.1 原理使用[_webView loadHTMLString:html baseURL:baseURL]; 进行代码加载 - (void)viewDidAppear:(BOOL)animated

1.9K3 0

Flutter中如何加载并预览本地的html文件的方法

直接进入主题，大概步骤如下在 assets 创建需要访问 html 文件，如下这里创建一个files文件夹，专门来放这些静态 html 文件....<AgreementPage { WebViewController _webViewController; String filePath = 'assets/files/agreement.<em>html</em>...(filePath); _webViewController.loadUrl(Uri.dataFromString(fileHtmlContents, mimeType: 'text/html

4.2K3 0

加载器更新-远程+本地加载

更新可远程加载文件环境：win10+某60+火绒服务器：阿里云+cs4.8 使用： 1.在服务器开启端口，将文件放在开启端口的目录下 2.执行命令： xx.exe http://url:port/...本次更新以前的本地加载也可以用，加密匙锁死了。 4.后续更新，有点小问题修一修，之后准备做个加壳器，对于权限维持研究研究。...5.星球方面最近也会更新些渗透相关的东西，其实二狗真诚的说，初级渗透不难的，漏洞加工具使用搞定就算初级了，中级其实是没有这个说法的，要么初级要么高级工程师。

1943 0

HTML加载顺序

不过一个问题一直萦绕在心中,那就是: 一个html有若干个外部资源(js,css,flash,image等),这些请求是何时下载的,又是何时执行的?...具体分析首先我们来看一个示例的html页面,如下: </script...基于相关的调研, 我的理解为, 对于一个URI请求, 浏览器会按照下面的请求和执行顺序进行: 一个线程对DOM进行下载(也就是html, 而不去管html中的外部资源) 另外一个线程会开始分析已经下载的...Firefox 有如下特征: 首先下载html html下载完成后, 从上到下依次下载外部文件(js, css,img) js会block其它外部文件的下载其它文件会并行下载 chrome 有如下特征...对于这样的问题,我还是比较纳闷的, 我一直认为一个好的程序员,不仅需要知道how, 还要知道what, 甚至why, 知道how,只说明你是一个合格的码工,只会简单地使用别人提供的东西来开发.

1.9K3 0

WebGL加载本地模型

我们的引擎，基于three封装，同样有加载模型的loader，因此加载obj和gltf模型也是很简单就可以实现的。不过加载文件都是在线的文件，也就是通过url的形式进行加载。...团队开发的三维可视化平台框架，需要能够上传obj和gltf等格式的模型，在上传前，需要先对模型预览，这就涉及到如何加载本地模型的问题了。加载本地模型本文以gltf为例，进行说明。...加载本地模型的思路是这样的：既然引擎可以通过url的机制，加载模型。那么如果有一种机制，可以把本地文件及其关联的资源（比如贴图）等转换成url的形式，就可以进行使用loader进行访问了。...加载本地模型有了上述基础知识，大致的思路就出来了：首先加载本地文件，读取file对象（可能是多个File对象，因为一个模型可能包括多个资源文件）。...找出主要文件（gltf glb等格式的）文件，主文件通过 createObjectURL方法转换成url对象找出其他文件，通过createObjectURL方法转换成url对象加载主文件的url，并在加载过程中

1.9K3 0

iOS中WKWebView交互使用总结

而主要功能加载web网页，需要使用以下方法： @property (nonatomic, strong) NSURLRequest *resetUrlRequest; self.resetUrlRequest...基本代理相关常用的有： //开始加载 -(void)webView:(WKWebView *)webView didStartProvisionalNavigation:(WKNavigation *...)navigation //加载完成 -(void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation...:(NSError *)error //加载报错,通常来说如果页面出现不存在等问题，会走这里，如果需要对空白页面进行处理，在这里处理 - (void)webView:(WKWebView *)webView...WKNavigation *)navigation withError:(NSError *)error{ NSLog(@"%@-------------------",error); //加载本地的一个空页面的操作

2.9K4 0

WebView浏览本地html

1.准备html文件 index.html放在Assets文件夹下，供WebChromeClient调用 <!...DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">... 测试JavaScript... </html...android:layout_width="match_parent" android:layout_height="wrap_content" android:text="加载

1.4K3 0

IOS WebView控件详解

概述 WebView就是一个内嵌浏览器控件，在iOS中主要有两种WebView：UIWebView和WKWebView，UIWebView是iOS2之后开始使用，WKWebView是在iOS8开始使用，...相比UIWebView，WKWebView做了如下优化： WKWebView更多的支持HTML5的特性 WKWebView更快，占用内存可能只有UIWebView的1/3 ~ 1/4 WKWebView...例如： //加载网络请求 - (void)loadRequest:(NSURLRequest *)request; /* 功能：加载本地HTML字符串 string为要加载的本地HTML...使用上和UIWebView用法大体一致，主要是新增和优化了一些方法。例如，使用WKWebView加载百度首页。...加载方法 /*加载请求*/ - (WKNavigation *)loadRequest:(NSURLRequest *)request; /*加载本地HTML字符串*/ - (WKNavigation

4.8K8 0

iOS下JS与OC互相调用（二）--WKWebView 拦截URL

1.创建WKWebView，加载本地HTML。 WKWebView的创建有几点不同： 1.初始化多了个configuration参数，当然这个参数我们也可以不传，直接使用默认的设置就好。...如果在HTML中要使用alert等弹窗，就必须得实现UIDelegate的相应代理方法。 3.在iOS 9之前，WKWebView加载本地HTML会有一些问题。...（不能加载本地HTML，或者部分CSS/本地图片加载不了等）我这里创建WKWebView的示例代码是这样的: WKWebViewConfiguration *configuration = [...fileURL]; self.webView.navigationDelegate = self; [self.view addSubview:self.webView]; 因为加载的本地...4.WKWebView中使用弹窗在上面提到，如果在WKWebView中使用alert、confirm 等弹窗，就得实现WKWebView的WKUIDelegate中相应的代理方法。

3.5K5 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭