swift 加载 本地html 和 网络路径
先上代码： xcode 9.4 ios 11.4
import UIKit
import WebKit class RootViewController: UIViewController, WKNavigationDelegate {
var webView: WKWebView! override func viewDidLoad() {
super.viewDidLoad()
// 创建视图
let screen = UIScreen.main.bounds
// 按钮栏
let buttonBarWidth:CGFloat =
let buttonBar = UIView(frame: CGRect(x: (screen.size.width - buttonBarWidth)/, y: , width:buttonBarWidth, height: ))
self.view.addSubview(buttonBar) let width = buttonBar.frame.size.width / -
//添加按钮
let buttonHTML = UIButton(type: UIButtonType.system)
buttonHTML.setTitle("通过路径加载", for: UIControlState())
buttonHTML.frame = CGRect(x:, y:, width: width, height: )
//添加事件
buttonHTML.addTarget(self, action: #selector(buttonHTML(_:)), for: .touchUpInside)
buttonBar.addSubview(buttonHTML) //添加 loadHTMLString 按钮
let loadHTMLString = UIButton(type: UIButtonType.system)
loadHTMLString.setTitle("loadHTMLString", for: UIControlState())
loadHTMLString.frame = CGRect(x: width + , y:, width: width, height: )
//添加事件
loadHTMLString.addTarget(self, action: #selector(loadHTMLString(_:)), for: .touchUpInside)
buttonBar.addSubview(loadHTMLString) //添加loadData按钮
let loadData = UIButton(type: UIButtonType.system)
loadData.setTitle("loadData", for: UIControlState())
loadData.frame = CGRect(x:, y: , width: width, height: )
//添加事件
loadData.addTarget(self, action: #selector(loadData(_:)), for: .touchUpInside)
buttonBar.addSubview(loadData) //添加loadRequest按钮--- 加载网络地址
let loadRequest = UIButton(type: UIButtonType.system)
loadRequest.setTitle("loadRequest", for: UIControlState())
loadRequest.frame = CGRect(x: width + , y: , width: width, height: )
//添加事件
loadRequest.addTarget(self, action: #selector(loadRequest(_:)), for: .touchUpInside)
buttonBar.addSubview(loadRequest) //添加WKWebView
self.webView = WKWebView(frame: CGRect(x:, y: , width: screen.size.width, height: screen.size.height - ))
self.view.addSubview(webView)
}
// 加载本地html 点击事件
@objc func buttonHTML(_ sender: AnyObject){
// 方法一 加载路径
let htmlPath = Bundle.main.path(forResource: "index", ofType: "html")
if let htmlPath = htmlPath {
let url = URL.init(fileURLWithPath: htmlPath) // 把字符串 转成 URL 类型
let request = URLRequest(url: url)
self.webView.load(request)
self.webView.navigationDelegate = self
}
// 方法二 加载路径
// let htmlPath = Bundle.main.url(forResource: "index", withExtension: "html")
// if let htmlPath = htmlPath{
// let request = URLRequest(url: htmlPath)
// self.webView.load(request)
// self.webView.navigationDelegate = self
// }
}
// loadHTMLString
@objc func loadHTMLString(_ sender: AnyObject){
// 方法一 直接加载 html 字符串
// let bundleUrl = NSURL.fileURL(withPath: Bundle.main.bundlePath)
// self.webView.loadHTMLString("<html><head><meta charset='utf-8'/><title>测试</title></head><body><h1>测试标题</h1></body></html>", baseURL: bundleUrl) // 方法二 把本地文件转成字符串，进行加载
let htmlPath = Bundle.main.path(forResource: "index2", ofType: "html")
let bundleUrl = NSURL.fileURL(withPath: Bundle.main.bundlePath)
do{
let html = try NSString(contentsOfFile: htmlPath!, encoding: String.Encoding.utf8.rawValue)
self.webView.loadHTMLString(html as String, baseURL: bundleUrl)
}catch let err as NSError{
err.description
}
}
// loadData 方式加载 -- > loadData 已经转换成--> load
@objc func loadData(_ sender: AnyObject){
let htmlPath = Bundle.main.path(forResource: "index3", ofType: "html")
let bundleUrl = NSURL.fileURL(withPath: Bundle.main.bundlePath) let htmlData = NSData(contentsOfFile: htmlPath!)
// NSData 要先转换成 Data 类型
self.webView.load(htmlData! as Data, mimeType: "text/html", characterEncodingName: "utf-8", baseURL: bundleUrl) }
// loadRequest 加载网络路径 ---> loadRequest 已经改为 load , NSURL --> URL,NSURLRequest --> URLRequest
@objc func loadRequest(_ sender: AnyObject){
let url = URL(string: "https://baidu.com")
let request = URLRequest(url: url!)
self.webView.load(request)
self.webView.navigationDelegate = self
}
// 委托协议的监听方法
func webView(_ webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
print("开始加载")
}
func webView(_ webView: WKWebView, didCommit navigation: WKNavigation!) {
print("内容开始返回")
}
func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
print("加载完成")
}
func webView(_ webView: WKWebView, didFailProvisionalNavigation navigation: WKNavigation!, withError error: Error) {
print("加载失败 error:" + error.localizedDescription)
}
}
上面 有四种方式 加载html 网页，
加载本地 html 的方法 有：
- buttonHTML
- loadHTMLString
- loadData
加载网络路径
loadRequest 案例中每一种方法都可以加载成功，加载方式大同小异加载本地文件，会自动去找到文件，如上图 2 个静态文件夹，里面没找到就会寻找外面的静态文件夹。 加载网络资源会报错处理一下就好：https://www.cnblogs.com/bruce-gou/p/10517044.html
以上的方式 文件夹是通过 NEW Group 的方式创建的。
如果是 通过菜单 Add Files to 这种方式创建的 则不可以。这种方式创建的文件夹是蓝色的如图
通过以上方式创建的文件，通过 Bundle.main.path(forResource: "index", ofType: "html") 取不到路径
@objc func test(_ sender: AnyObject){
let bundlePath = Bundle.main.bundlePath
let path = "file://\(bundlePath)/assets/index.html"
let url = URL(string: path);
let request = URLRequest(url: url!)
self.webView.load(request)
}
这样就可以取到路径值，就可以正常加载
swift 加载 本地html 和 网络路径的更多相关文章
- vue中的img src 动态加载本地json的图片路径写法。
目录: 注意:本地json文件和json文件里的图片地址都必须写在static 静态文件夹里:否则json文件里的url地址找不到. major_info.json文件里的图片路径写法 页面通过v-b ...
- spring-boot 加载本地静态资源文件路径配置
1.spring boot默认加载文件的路径是 /META-INF/resources/ /resources/ /static/ /public/ 这些目录下面, 当然我们也可以从spring bo ...
- ios网络学习------4 UIWebView的加载本地数据的三种方式
ios网络学习------4 UIWebView的加载本地数据的三种方式 分类: IOS2014-06-27 12:56 959人阅读 评论(0) 收藏 举报 UIWebView是IOS内置的浏览器, ...
- iOS开发-UIWebView加载本地和网络数据
UIWebView是内置的浏览器控件,可以用它来浏览网页.打开文档,关于浏览网页榜样可以参考UC,手机必备浏览器,至于文档浏览的手机很多图书阅读软件,UIWebView是一个混合体,具体的功能控件内置 ...
- [IOS]UIWebView 请求网络页面或者加载本地资源页面
UIWebView是一个能够显示网页的IOS视图控件,我们可以用它来访问一个网站.下面是具体的实例: 操作步骤: 1.首先在xib文件中拖放一个UIWebView控件到view中 2.将下载的页面以及 ...
- Swift - 网页控件（UIWebView）加载本地数据，文件
使用UIWebView加载本地数据或资源有如下三种方式: 1,使用loadHTMLString方法加载HTML内容 2,使用loadRequest方法加载本地资源(也可用于加载服务器资源) 3,先将内 ...
- iOS webView 远程html加载本地资源
昨天,一个朋友让我帮他在IOS上弄这样一件事情: webView 调用远程URL,并且让远程的web 通过自定义标签能实现内嵌本地的图片.js 或音频等. 比如:在服务器端 的html文件中 这样写到 ...
- wp加载本地HTML（附带图片，CSS，JS）
wp加载本地HTML(附带图片,CSS,JS) Windows Phone:Load Local HTML with Img,Css,Js by 唐小崇 http://www.cnblogs.com/ ...
- #iOS问题记录#动态Html加载本地CSS和JS文件
所谓动态Html,指代码中组合生成的html字符串: 若需要加载本地CSS,图片,JS文件,则, 1,需要文件的全路径: 2,需要"file:///"标志: 例如: //获取文件全 ...
随机推荐
- 基于Linux-3.9.4内核的GDB跟踪系统调用实验
382 + 原创作品转载请注明出处 + https://github.com/mengning/linuxkernel/ 一.实验环境 win10 -> VMware -> Ubuntu1 ...
- 【转】Session Cookie Token的区别
Cookie cookie 是一个非常具体的东西,指的就是浏览器里面能永久存储的一种数据,仅仅是浏览器实现的一种数据存储功能. cookie由服务器生成,发送给浏览器,浏览器把cookie以kv形式保 ...
- stolon cloud native postgresql 高可用方案
stolon方案与patroni 类似,是一个新的pg ha 方案 包含的组件 keeper:它管理一个PostgreSQL实例,汇聚到由领导者sentinel计算的clusterview. sent ...
- 2019软件工程第二次作业(VS2017中对C++的单元测试)
建立工程,分别编写cpp和头文件 cpp文件中的代码如下: #include<iostream> #include"test.h" using namespace st ...
- 学习Python3 天眼查 爬虫
刚开始学习Python,不愿意看基础,记忆不好,那些语法记不住,直接上个项目,这样比较深刻 刚好公司有个情况要查企业的信息,就想做个爬虫吧,有验证码的不愿意搞,那是个老大难问题,就选择了天眼查 过程都 ...
- 代码漏洞扫描描述Cross Site History Manipulation解决办法[dongcoder.com]
代码漏洞扫描 漏洞描述:Cross Site History Manipulation 简要描述:产品的行为差异或发送不同的反应,在某种程度上暴露了与安全性相关的产品状态,例如特定的操作是否成功.可能 ...
- MySQL面试题中：主从同步的原理
主从同步的原理:1.主库上面有一个IO线程,从库上有一个IO线程和一个SQL线程,从库中的IO线程负责从主库读取binlog,并写入从库的中继日志:SQL线程负责读取并执行中继日志中的binlog,转 ...
- ORACLE数据库自动备份压缩的批处理脚本 rar 7z
使用7z的版本: @echo offset filename="d:\backup\dbname_%date:~0,10%"set zipfile="d:\backup\ ...
- Ubuntu16.04下安装Hyperledger Fabric 1.0.0
系统环境 * Ubuntu: 16.04 * Go: 1.9.2 * NodeJS: v6.12.0 * Docker: 17.09.0-ce * HyperLedger Fabric: 1.0.0 ...
- 编译问题：'<invalid-global-code>' does not contain a definition for 'Store' and no extension method 'XXX' accepting a first argument of type '<invalid-global-code>' could be found
这是VS2015上的bug. 我碰到的时候,是VS在合并两个分支的代码时,多加了一个}.导致编译语法报错.. 解决办法就是在错误的附近,找找有没有多余的大括号,删掉即可. 这个问题在vs2017上面没 ...