I switched from Windows to Linux and...

[di]

...I really like it! However, I was hoping someone here could help a newbie out.

When I open my HTML files offline in the browser, any linked content (such as images or style.css) doesn't appear.

For example, on Windows, if I opened this html file in a web browser, it would look like this



But on Linux, it looks like this, stripped bare of CSS and images



I also notice that the URL links to this, instead of the file's actual directory.



When I tried typing in the proper file directory, it didn't fix itself.

I was wondering why this is, and how I can view the HTML with linked content embedded into it, like I can in Windows.

[invader_gvim]

Before doing anything, try opening it in a different browser. If that doesn't work, then try this. 

According to this reddit thread it might be an issue caused by you using a sandboxed browser through either snap or flatpak. Try installing firefox (or any other browser) through your distro's package manager directly.

Open your terminal to type in commands. Alternatively you can use the graphical package manager which should be common sense.

On Ubuntu it would be
                                                              --> sudo apt install firefox

uninstall firefox b4 doing this. Don't worry! You will still be able to install packages through your terminal or the graphical package manager just fine once it is uninstalled.

Uninstall the sandboxed browser causing the problem like this --> sudo snap remove firefox(or whatever browser)
OR                                                            --> sudo flatpak uninstall firefox(or whatever browser)

I hope this helps.   

[Memory]

Was the website saved appropriately? ("Web Page, complete" as opposed to "Web Page, HTML only")

Check the folder, where you saved your website: Are those additional files (images, CSS) there as well?

[Melooon]

Im not sure if this is your html file or one you've saved - but as an alternative solution to opening the files directly: I have a lot of sites Iv saved using SiteSucker and something I tend to do on mac is put them in the Sites folder in my user folder and then I have a lil local-only web server that reads that folder - so when I wanna browse some sites I just go to "localhost" in my browser and it shows me all the sites iv saved as a nice list to browse! Doing it that way also means that JavaScripts function normally and everything works well!

[ThunderPerfectWitchcraft]

If none of the above works, please tell us what Distro and Browser you use :).

[TheFrugalGamer]

Im not sure if this is your html file or one you've saved - but as an alternative solution to opening the files directly: I have a lot of sites Iv saved using SiteSucker and something I tend to do on mac is put them in the Sites folder in my user folder and then I have a lil local-only web server that reads that folder - so when I wanna browse some sites I just go to "localhost" in my browser and it shows me all the sites iv saved as a nice list to browse! Doing it that way also means that JavaScripts function normally and everything works well!

This is such a lovely idea! I use wget since I'm on Linux, but it does much the same thing as SiteSucker. I may set up something similar, only as a separate home server since I'm usually archiving lots of stuff myself as well. Thanks for sharing!

[starbreaker]

I also notice that the URL links to this, instead of the file's actual directory.



When I tried typing in the proper file directory, it didn't fix itself.

I was wondering why this is, and how I can view the HTML with linked content embedded into it, like I can in Windows.

I test my website locally on Slackware Linux before uploading, and I've noticed that when something isn't loading properly it's because I've either used an absolute link that isn't available locally (maybe because the wifi is off) or because I had messed up a relative link. Without being able to read your web pages I can't tell you more.

[di]

According to this reddit thread it might be an issue caused by you using a sandboxed browser through either snap or flatpak...

This ended up being the issue - I was using a sandboxed browser. I uninstalled Firefox and then reinstalled through the terminal. Now the address bar reflects the file's actual location and the linked style.css and images display normally.

Thanks so much for finding that thread and letting me know how to fix it!

& thanks to everyone else for jumping to the rescue, too. I knew this would be a good place to ask.

Going to lock the thread since the problem's solved.