先上代码： 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 的方法 有：

  1. buttonHTML
  2. loadHTMLString
  3. 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 和 网络路径的更多相关文章
	

    
								
  1. vue中的img src 动态加载本地json的图片路径写法。
		
    目录: 注意:本地json文件和json文件里的图片地址都必须写在static 静态文件夹里:否则json文件里的url地址找不到. major_info.json文件里的图片路径写法 页面通过v-b ...
    
		
    2. 
						
  2. spring-boot 加载本地静态资源文件路径配置
		
    1.spring boot默认加载文件的路径是 /META-INF/resources/ /resources/ /static/ /public/ 这些目录下面, 当然我们也可以从spring bo ...
    
		
    3. 
						
  3. ios网络学习------4 UIWebView的加载本地数据的三种方式
		
    ios网络学习------4 UIWebView的加载本地数据的三种方式 分类: IOS2014-06-27 12:56 959人阅读 评论(0) 收藏 举报 UIWebView是IOS内置的浏览器, ...
    
		
    4. 
						
  4. iOS开发-UIWebView加载本地和网络数据
		
    UIWebView是内置的浏览器控件,可以用它来浏览网页.打开文档,关于浏览网页榜样可以参考UC,手机必备浏览器,至于文档浏览的手机很多图书阅读软件,UIWebView是一个混合体,具体的功能控件内置 ...
    
		
    5. 
						
  5. [IOS]UIWebView 请求网络页面或者加载本地资源页面
		
    UIWebView是一个能够显示网页的IOS视图控件,我们可以用它来访问一个网站.下面是具体的实例: 操作步骤: 1.首先在xib文件中拖放一个UIWebView控件到view中 2.将下载的页面以及 ...
    
		
    6. 
						
  6. Swift - 网页控件（UIWebView）加载本地数据，文件
		
    使用UIWebView加载本地数据或资源有如下三种方式: 1,使用loadHTMLString方法加载HTML内容 2,使用loadRequest方法加载本地资源(也可用于加载服务器资源) 3,先将内 ...
    
		
    7. 
						
  7. iOS  webView 远程html加载本地资源
		
    昨天,一个朋友让我帮他在IOS上弄这样一件事情: webView 调用远程URL,并且让远程的web 通过自定义标签能实现内嵌本地的图片.js 或音频等. 比如:在服务器端 的html文件中 这样写到 ...
    
		
    8. 
						
  8. wp加载本地HTML（附带图片，CSS，JS）
		
    wp加载本地HTML(附带图片,CSS,JS) Windows Phone:Load Local HTML with Img,Css,Js by 唐小崇 http://www.cnblogs.com/ ...
    
		
    9. 
						
  9. #iOS问题记录#动态Html加载本地CSS和JS文件
		
    所谓动态Html,指代码中组合生成的html字符串: 若需要加载本地CSS,图片,JS文件,则, 1,需要文件的全路径: 2,需要"file:///"标志: 例如: //获取文件全 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Deloyment Descriptor web.xml
			
    Deployment Descriptor部署描述符: - 部署描述符是要部署到Web容器或EJB容器的Web应用程序或EJB应用程序的配置文件. - 部署描述符应包含EJB应用程序中所有企业bean ...
    
			
    2. 
						
  2. 第六章Django
			
    web应用程序 server端建立socket,不断地accept,当收到客户端连接信号之后,服务端向客户端发送数据,将html网页打开,read出来,并发送至客户端,这样客户端就可以浏览到网页的内容 ...
    
			
    3. 
						
  3. [双硬盘GPT分区安装linux] ----安装
			
    最近机器学习课程需要用到pytorch, 基于cuda8的pytorch的需要,最终决定还是要安装一个linux系统在我的windows10机器上.本篇记录安装过程备用. 本人笔记本是联想Y520,系 ...
    
			
    4. 
						
  4. zabbix免客户端监控网站URL
			
    1.我们需要在zabbix服务器端(这台服务器需要能正常上网)同时安装zabbix-agent客户端,使其正常监控zabbix服务器 2.创建web监测 点击web监测 创建web监测 3.配置异常报 ...
    
			
    5. 
						
  5. 左耳听风-ARTS-第1周
			
    Algorithm https://leetcode.com/problems/longest-common-prefix/ class Solution { public String longes ...
    
			
    6. 
						
  6. 原生JS实现选中的radio变为未选中
			
    需求如下,radio已经选中,再点击,取消选中状态. 效果如链接:演示地址 直接上代码: <!DOCTYPE html> <html> <head> <met ...
    
			
    7. 
						
  7. Emoji表情代码大全
			
    Name   Unified DoCoMo KDDI Softbank Google Wechat   black sun with rays U+2600 U+E63E U+E488 U+E04A  ...
    
			
    8. 
						
  8. RN—Android 物理返回键监听
			
    A → B 使用 navigator 导航,用 goBack() 返回的时候传递参数 在 A 页面 this.props.navigation.navigate("B", { ca ...
    
			
    9. 
						
  9. python基础知识9---字符串拼接，深浅拷贝，三元运算
			
    一.字符串格式化 Python的字符串格式化有两种方式: 百分号方式.format方式 百分号的方式相对来说比较老,而format方式则是比较先进的方式,企图替换古老的方式,目前两者并存.[PEP-3 ...
    
			
    10. 
						
  10. HTML5 新的 Input 类型
			
    Input 类型: color(拾色器) color 类型用在input字段主要用于选取颜色,如下所示: 支持浏览器 实例 从拾色器中选择一个颜色: 选择你喜欢的颜色: <input type= ...
    
			
    11.