loadHTMLString:baseURL:方法加载本地HTML，或用loadRequest:加载网络HTMLiOS开发中，加载HTML文件是一个常见的需求，无论是为了展示网页内容、加载本地帮助文档还是其他用途,以下是几种在iOS中加载HTML的方法及其详细步骤：
使用UIWebView或WKWebView加载本地HTML文件
准备工作
- 创建WebView：可以通过Storyboard拖拽一个UIWebView或WKWebView,或者通过代码创建。
- 创建HTML文件：在Xcode中创建一个新的File，选择Empty，并设置后缀名为.html,同样的方法可以创建CSS和JS文件。
编写HTML、CSS和JS代码
在HTML文件中写入基本的元素和引用外部CSS和JS文件：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">第一个HTML</title>
<link rel="stylesheet" type="text/css" href="index1.css">
<script type="text/javascript" src="index1.js"></script>
</head>
<body>
<h1>我是HTML</h1>
<p id="p">p标签</p>
<img id="img" src="image.png" alt="百度LOGO"><br/>
<a id="a" href="http://baidu.com">我要到百度</a>
<button onclick="hello()">点击我弹出hello</button>
</body>
</html>
在CSS文件中改变元素的属性：
#p {
color: red;
}
#img {
width: 120px;
color: yellow;
}
在JS文件中写一个弹窗的函数：
function hello() {
alert("hello");
}
加载HTML文件到WebView
在ViewController的viewDidLoad方法中写入以下代码：
NSString path = [[NSBundle mainBundle] bundlePath];
NSURL baseURL = [NSURL fileURLWithPath:path];
NSString htmlPath = [[NSBundle mainBundle] pathForResource:@"index1" ofType:@"html"];
NSString htmlCont = [NSString stringWithContentsOfFile:htmlPath encoding:NSUTF8StringEncoding error:nil];
[self.webView loadHTMLString:htmlCont baseURL:baseURL];捕捉HTML的交互
如果HTML页面中有交互，可以通过WebView的delegate获取操作链接，需要遵守UIWebViewDelegate协议,并在ViewController中实现相关方法。
使用Safari浏览器打开本地HTML文件
传输文件到iOS设备
可以通过多种方式将HTML文件传输到iOS设备上，例如使用AirDrop、邮件、iCloud Drive或通过其他文件管理应用程序。
使用“文件”应用打开
打开“文件”应用，找到你的HTML文件，点击文件并选择“使用Safari浏览器打开”,Safari浏览器将自动启动并加载你的HTML文件内容。
使用第三方应用
除了Safari浏览器，还有许多第三方应用可以帮助你在iOS设备上打开本地HTML文件，例如文档查看器应用和代码编辑器应用，这些应用通常提供更丰富的功能，例如代码编辑、预览等。
常见问题解答FAQs
如何在iOS中加载本地HTML文件时正确引用CSS和JS文件？
确保在HTML文件中正确引用了CSS和JS文件的路径，如果文件在Bundle中，可以直接使用相对路径，如果文件在特定文件夹中，需要确保路径正确，如果CSS文件在www文件夹下，引用时应使用<link rel="stylesheet" type="text/css" href="www/index1.css">。
使用UIWebView加载本地HTML文件时，为什么CSS和JS文件没有加载？
可能是因为文件路径不正确，编译器打包时可能会去掉文件夹结构，导致路径错误，解决方法包括手动拼接路径或将整个文件夹复制到Document
原创文章，发布者：酷盾叔，转转请注明出处：https://www.kd.cn/ask/70360.html
