zoukankan      html  css  js  c++  java
  • iOS实现 webView loadHTMLString加载外部css、js样式

    记录一下。

    webview(或wk)用 loadHTMLString加载内容时 ,如果只是单纯的html内容,样式等都写在内部,直接设置baseURL为nil即可。

    不过当html里包含外部样式或调用外部js文件时,就需要通过baseurl设置一下路径。

    [_webView loadHTMLString:html baseURL:myUrl];

    举个最简单例子:

    <html>
    
    <head>
        <link rel="stylesheet" href="testwai.css">
    </head>
    
    <body>
        123
        i'm content!
    </body>
    
    </html>

    这里的html内部,有一个外部css引用,假设这个css文件在项目里

    我们可以实现:

    -(void) loadBundle{
        NSMutableString *html = [NSMutableString string];
        [html appendString:@"<html><head>"];
        [html appendFormat:@"<link rel="stylesheet" href="testwai.css"></head>"];
        [html appendString:@"<body><p>qfdkjeakofjadfdsjf</p></body></html>"];
        
        NSURL *myUrl = [NSURL fileURLWithPath:[NSBundle mainBundle].bundlePath];
        [_webView loadHTMLString:html baseURL:myUrl];
        
    }

    这里,重点在于这个baseURL参数,由于在项目里,所以路径用 [NSBundle mainBundle].bundlePath 获取即可。

    同理如果是沙盒路径:

    -(void) loadLocal{
        NSMutableString *html = [NSMutableString string];
        [html appendString:@"<html><head>"];
        [html appendFormat:@"<link rel="stylesheet" href="testwai.css"></head>"];
        [html appendString:@"<body><p>qfdkjeakofjadfdsjf</p></body></html>"];
        
        NSString *cssUrl = [NSString stringWithFormat:@"%@",NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES)];
        NSURL *myUrl = [NSURL fileURLWithPath:cssUrl];
        [_webView loadHTMLString:html baseURL:myUrl];
        
    }

    示例demo下载

    测试项目里,点击下图这个即可。

  • 相关阅读:
    代码模板
    DNSget Ip
    WC约束示使用
    下雨了
    Xml文件保存值不能及时更新
    代码不是艺术,而是达到目的的一种手段
    网站TCP链接暴增
    吐个槽吧
    正则表达式使用小注意
    Sereja and Two Sequences CodeForces
  • 原文地址:https://www.cnblogs.com/yajunLi/p/9620689.html
Copyright © 2011-2022 走看看