WebView loadHTMLString:baseURL: not loading css

Question

I have this this code:

NSURL *mainBundleURL = [NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]];
[webView loadHTMLString:htmlFile baseURL:mainBundleURL];

I know the htmlFile is correct. It has inside:

<link rel="stylesheet" type="text/css" href="stylesheet.css">

I also know the stylesheet.css in in the mainBundle. I checked the project.app contents.

Problem is that is the webview is empty. But if I use base Url as nil:

[webView loadHTMLString:htmlFile baseURL:nil];

The webview shows the content, but without the css file.

I have no idea why this is not working. Thanks in advance.

BTW i´m trying in ios 6.1

lopes710
– lopes710

2013-10-02 10:21:30 +00:00
Commented Oct 2, 2013 at 10:21 — lopes710
– lopes710, Commented Oct 2, 2013 at 10:21
Why not load the html from an NSURLRequest?

Vadim Yelagin
– Vadim Yelagin

2013-10-02 11:22:22 +00:00
Commented Oct 2, 2013 at 11:22 — Vadim Yelagin
– Vadim Yelagin, Commented Oct 2, 2013 at 11:22
I only have the html file in a string.

lopes710
– lopes710

2013-10-03 14:07:40 +00:00
Commented Oct 3, 2013 at 14:07 — lopes710
– lopes710, Commented Oct 3, 2013 at 14:07

Sal · Accepted Answer · 2014-12-03 20:09:40Z

3

I solved this using the resourceURL property

NSURL *baseURL = [[NSBundle mainBundle] resourceURL];

and then [webView loadHTMLString:htmlFile baseURL:baseURL];

-Sal

answered Dec 3, 2014 at 20:09

Sal

1,24813 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

App Dev Guy · Accepted Answer · 2017-04-29 16:54:47Z

1

Most examples reference baseUrl: nil but in order to access the CSS file you need to reference the bundle so that the <link rel="stylesheet" ... can access the file.

This is my solution in Swift 3:

let baseUrl : URL = Bundle.main.resourceURL! as URL
let htmlFile = Bundle.main.path(forResource: "*html file name*", ofType: "html")
let htmlString = try? String(contentsOfFile: htmlFile!, encoding: String.Encoding.utf8)
webView.loadHTMLString(htmlString!, baseURL: baseUrl)

Credit the Sal's answer for pointing this out.

answered Apr 29, 2017 at 16:54

App Dev Guy

5,5564 gold badges37 silver badges57 bronze badges

Comments

aetern · Accepted Answer · 2015-06-11 06:53:18Z

0

Perhabs shouldStartLoadWithRequest method blocks your request. Try this:

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
    if ([request.URL.absoluteString hasPrefix:@"file"]) {return YES;}

    //deal with the request
}

answered Jun 11, 2015 at 6:53

aetern

211 silver badge5 bronze badges

Collectives™ on Stack Overflow

WebView loadHTMLString:baseURL: not loading css

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related