How to debug Web Browser Component rendering issues?

Ignition
2

I had to download the version of Chromium used by JxBrowser and revisit the page and use the devtools from there.

Here is the solution I used for anyone interested...

  1. Find the version of JxBrowser, which is the library Ignition is using in the Web Browser module by running the following code in the initialize() special function in the browser component.
print(browser.getClass().getPackage().getImplementationTitle())
print(browser.getClass().getPackage().getImplementationVendor())
print(browser.getClass().getPackage().getImplementationVersion())

In my case I had JxBrowser version `6.18`

  1. Search through the JxBrowser releases page until you find your version.

  2. Find the last mention of the Chromium version in use by that JxBrowser version.
    In my case that was 6.15 which mentions Chromium version 60.0.3112.113

  3. Follow the steps here to find the binary/executable for that Chromium version.
    In my case, my base was 474897 but there was no version available, so I settled for 474896

  4. Then just install, open devtools, set persist logs and turn on record in the Network tab, revisit the page with the issue, and then right-click the logs in the Network tab and export the HAR file.

2 Likes