CSS not loading in WKWebView

Question

I am trying to create a simple WebView app using UITabBarViewController. The CSS does not load when I use Tab Bar. If I use a simple View Controller, the CSS loads. There are no other changes to the code. enter image description here

let request: NSMutableURLRequest = NSMutableURLRequest(url: myUrl)

    if (webView != nil) {

    } else {
        self.loadView()
        self.webView.navigationDelegate = self
    }
    if (self.finishedUrl != myUrl.absoluteString) {
        webView.load(request as URLRequest)
    }

where you added that CSS file ?. can you show how you added CSS into html did you place both files in same folder ? — Vinodh, Mar 11 '19 at 08:46
I am not separately loading CSS. I am just loading Web Page. CSS of that page is not being loadded — Karanveer Singh, Mar 11 '19 at 08:53

Karanveer Singh · Accepted Answer · 2019-03-14T06:34:53.067

1

So, I was able to solve the problem and the problem was /. If you put / to the end of url, CSS doesn't load. But, if you don't put / to the end, CSS gets loaded.

edited Mar 14 '19 at 06:34

answered Mar 13 '19 at 10:56

Karanveer Singh

961
12
27

Gustavo Vollbrecht · Answer 2 · 2019-03-11T11:53:46.750

0

Replace your if condition, it doesn't make sense to perform actions on a nil webview.

if (webView != nil) {

} else {
    self.loadView()
    self.webView.navigationDelegate = self
}
if (self.finishedUrl != myUrl.absoluteString) {
    webView.load(request as URLRequest)
}

should be:

if (webView != nil) {
    self.loadView()
    self.webView.navigationDelegate = self
}   

if (self.finishedUrl != myUrl.absoluteString) {
    webView.load(request as URLRequest) // also make sure this is being executed.
}

edited Mar 11 '19 at 11:53

answered Mar 11 '19 at 11:48

Gustavo Vollbrecht

3,188
2
19
37

loadView() is override method of ViewController. It actually runs only when webView is nil. Anyways, I have tried your way too. No luck!!! – Karanveer Singh Mar 11 '19 at 14:27

score 0 · Answer 3 · answered Sep 29 '20 at 18:17

I had the same problem. My styles.css file was being referenced in the .HTML files just file, and it worked great loading up directly in a browser.

The problem that I had was that my styles.css wasn't included in any of my Targets. After I checked the box, it loaded up great.

score 0 · Answer 4 · answered Jan 19 '21 at 12:13

I've got the same problem but nothing here helped me. The solution was to remove the folder path in the link, even if they were inside these folders in my Bundle.

Instead of having this:

<link rel="stylesheet" href="css/style.css" />

Removed the folder part and left this:

<link rel="stylesheet" href="style.css" />

And it worked. The same happened with the .js file

score 0 · Answer 5 · answered May 15 '21 at 19:38

I had the same issue and resolved it by adding the resources as "Create folder instance" instead of "Create groups".

Create groups indexes the file but strips it of its path. Calling the file is done by calling the filename (unique filename is important in the group). Create folder instance maintains the folder structure

Cfr. Create groups vs Create folder reference in Xcode

CSS not loading in WKWebView

5 Answers5