iOS項目中使用項目中的html js css 文件時,有時會遇到引用路徑出錯的問題,導致html js css image文件無法加載的情況。
那么,引入H5相關文件的正確操作方式如下,這樣就不會出現資源文件無法引入並正常使用的情況:
1 在項目目錄下創建存放Html5文件文件夾:H5
2 將文件夾H5拖放至項目中對應的位置,此處注意要選擇:Create groups
3 將各種Html5文件(html js css image等)拖放到H5文件夾中,此處注意選擇:Create folder references
PS:黃色為groups , 藍色為folder
4 UIWebView/WKWebView中的代碼如下:
1 //創建要打開的html文件的完整路徑 2 NSBundle *bundle = [NSBundle mainBundle]; 3 NSString *resPath = [bundle resourcePath]; 4 NSString *filePath = [resPath stringByAppendingPathComponent:@"index.html"]; 5 //初始化一個UIWebView實例 6 myWebView = [[UIWebView alloc] initWithFrame:self.view.frame]; 7 //加載指定的html文件 8 [myWebView loadRequest:[[NSURLRequest alloc] initWithURL:[[NSURL alloc] initFileURLWithPath:filePath]]]; 9 [self.view addSubview:myWebView];
此時已經成功添加了Html5文件到項目中,並在UIWebView中展示出來了。
相關內容可以參考:http://blog.csdn.net/fanjunxi1990/article/details/9352917