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下载

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

  • 相关阅读:
    Annotation
    GIT的作用以及Versioncontrol为什么要用GIT
    Http协议
    人工智能的可怕与不可怕
    Makefile简易教程
    Node.js 学习笔记之一:学习规划 & 认知 Node.js
    《大教堂与集市》的启示 — 软件工程的另一种选择
    Git简易教程
    谈谈买书与读书
    clang编译器简介
  • 原文地址:https://www.cnblogs.com/yajunLi/p/9620689.html
Copyright © 2011-2022 走看看