Html page not loading css and js files when loaded from a jar file into a JavaFx Webview

Question

I have been searching the forum for answers and similar posts, but none have helped me resolve my issue.

I am working on a standalone project - no server involved. And am trying to load a html file present inside a jar file into a JavaFX Webview using a code similar to the following

webView.getEngine()
 .load(this.getClass().getResource("htmlInsideJar.html").toExternalForm());

The page loads into the webView, but the associated JS and CSS files are not loading into the HTML page.

However the HTML page loads just fine with all associated css and js files when loaded directly from disk

webView.getEngine()
    .load("htmlFromDiskDirectly.html").toString());

I am using same file-folder structure for files with html, css and js contents.

The java version that I am using is as follows java version "1.8.0_121" Java(TM) SE Runtime Environment (build 1.8.0_121-b13) Java HotSpot(TM) Client VM (build 25.121-b13, mixed mode)

Any help would be deeply appreciated please.

Thanks

MAYOBYO HASSAN · Accepted Answer · 2021-11-15 11:15:43Z

1

I failed to get a solution, so i resorted to having the assets folder outside the jar.

// i set the html base tag with this
String BASE_URL = Paths.get("").toUri().toString();
String pageContent = ReadFileToString.read("page.html").replace("{BASE_URL}", BASE_URL);

in the html file i have something like this

<base href="{BASE_URL}">
<link rel="stylesheet" href="assets/style.css">

NB. the ReadFileToString.read() is just a custom util that reads a html file and returns it in string format.

answered Nov 15, 2021 at 11:15

MAYOBYO HASSAN

5056 silver badges12 bronze badges

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

Comments

kathikeyan A · Accepted Answer · 2017-03-03 13:14:45Z

I have found a fix to this issue. I am using requireJs to load my scripts into the html page. While the page loaded perfectly fine in

IE
firefox
chrome
and even in eclipse's inbuilt web browser

the JavaFX web engine precisely caught few errors where I had mis-spelt a file dependency in a require statement.

I had used some thing like require(['../abcModule/FileDependecy'] .... instead of require(['../abcModule/fileDependecy']. Changing a couple of such stuffs fixed the issue and the page loaded successfully. Had to spend 3 + hours to find a fix for it. grrr –

Thanks to fire-bug lite. Though it does not load neatly inside the JavaFx webview, I was able to mine the error info from the coarse data that appeared to get the issue fixed.

Hope this helps some one

Collectives™ on Stack Overflow

Html page not loading css and js files when loaded from a jar file into a JavaFx Webview

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related