iOS 嵌入本地H5

估计很多小伙伴都会遇到项目中要加载H5而自己又不知道怎么做，本篇文章将为小伙伴们答疑解惑，废话不多少，直接开始。

1、先创建好html、css、js

按照图示先创建后缀名为.html  .css  .js的文件

2、插入html、css、js代码

在.html文件中加入如下代码

在css文件中加入

在js中加入

3、在ViewController中创建UIWebview并添加代理；

UIWebView *webView = [[UIWebView alloc] initWithFrame:self.view.bounds];//由于是测试所以就铺满全屏

webView.delegate = self;//代理

NSString *path = [[NSBundle mainBundle] bundlePath];

NSURL *url = [NSURL fileURLWithPath:path];

NSString *htmlStr = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html"];//加载本地的html文件

NSString *htmlString = [NSString stringWithContentsOfFile:htmlStr encoding:NSUTF8StringEncoding error:nil];

[webView loadHTMLString:htmlString baseURL:url];//加载html

[self.view addSubview:webView];//添加到view上

4、代理方法

//加载失败

- (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error {

}

//加载完成

- (void)webViewDidFinishLoad:(UIWebView *)webView {

}

//开始加载

- (void)webViewDidStartLoad:(UIWebView *)webView {

}

//捕捉HTML的交互，页面开始加载

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {

NSURL *url = [request URL];

NSLog(@"url : %@", [NSString stringWithFormat:@"%@", url]);

return YES;

}

最后的效果图

以上就是加载本地html的简单的方法，小伙伴们赶紧去试试吧