ios html混合开发中怎么加载css_IT百科

页面head里直接写上链接

<head>

</head>

下面为动态加载

$("head").append('<script src="js/abc.js"></script>')

$("<link>").attr({ rel: "stylesheet",type: "text/css",href: "css/abc.css"}).appendTo("head")

思路：对html进行 *** 作，然后webView loadHtml

将需要的js、css资源导入创建好的bundle下，如上图

WKWebView *webView = [[WKWebView alloc]initWithFrame:frame]]

这个filePaths 就是需要加载的 js、css文件在本地的路径，是个数组，因为可能需要加载本地的多个js、css文件, 如果需要加载的js、css文件较多，可以让后台传给你对应js、css文件的路径，注意传的路径要跟导入本地的资源路径一致，否则会加载失败。

//路径path

NSArray *pathArray = dict[@"filePath"]

if (pathArray) {

NSError *error

//获取网络的HTML

NSString * online_HTML = [NSString stringWithContentsOfURL:[NSURL URLWithString:url] encoding:NSUTF8StringEncoding error:&error]

if(!error) {

//以分割

NSArray * array_HTML = [online_HTML componentsSeparatedByString:@"</head>"]

NSMutableString *header_HTML = [[NSMutableString alloc]initWithString:array_HTML.firstObject]

for (NSString *path in pathArray) {

//注意这里的hightcharts.bundle，更改成你本地的bundle名

NSString *filePath = [[NSBundle mainBundle] pathForResource:[NSString stringWithFormat:@"hightcharts.bundle/%@",path] ofType:nil]

if ([filePath hasSuffix:@"js"]) {

[header_HTML appendFormat:@"<script src=\"%@\"><\script>",filePath]

}else if ([filePath hasSuffix:@"css"]){

[header_HTML appendFormat:@"<link rel=\"stylesheet\"

[_webView loadHTMLString:header_HTML baseURL:[[NSBundle mainBundle] bundleURL]]

}

欢迎分享，转载请注明来源：内存溢出

ios html混合开发中怎么加载css