Web Browser not rendering site

drojas · July 16, 2024, 9:37pm

I am running Ignition 7.9.18 and for some reason the Web Browser component no longer renders the radar.weather.gov web page correctly (Enhanced Radar...not the low bandwidth pages). It used to work a year ago or so. I don't know if upgrading from 7.9.9 to .18 caused it or if something else is the issue. If I open up Chrome on the server Ignition is running on, it does render correctly (see last picture).

This is what I get on the web browser component

And this is what the console shows.

15:59:11.778 [Browser Events Thread] INFO Web Browser - Logging plugin initialized:
  Instance name: $log
  Default logging level: DEBUG
  Vue event logging: disabled
15:59:11.793 [Browser Events Thread] INFO Web Browser - Template initialized:
  Instance name: $template
  Component prefix: template-
  URL for weather.gov site: https://www.weather.gov
  Local routes (top level): 2
15:59:11.794 [Browser Events Thread] INFO Web Browser - Analytics enabled
15:59:11.863 [Browser Events Thread] INFO Web Browser - Downloading CMI Radar
15:59:13.057 [Browser Events Thread] INFO Web Browser - Vuex mutation "persist/alertsBaseUrl": 
15:59:13.057 [Browser Events Thread] INFO Web Browser - Vuex mutation "persist/apiBaseUrl": 
15:59:13.057 [Browser Events Thread] INFO Web Browser - Vuex mutation "persist/forecastBaseUrl": 
15:59:13.057 [Browser Events Thread] INFO Web Browser - Vuex mutation "persist/gisBaseUrl": 
15:59:13.058 [Browser Events Thread] INFO Web Browser - Vuex mutation "baseMap": 
15:59:13.058 [Browser Events Thread] INFO Web Browser - Vuex mutation "cwaMap": 
15:59:13.058 [Browser Events Thread] INFO Web Browser - Vuex mutation "countyMap": 
15:59:13.058 [Browser Events Thread] INFO Web Browser - Vuex mutation "stateMap": 
15:59:13.058 [Browser Events Thread] INFO Web Browser - Vuex mutation "menu/show": 
15:59:13.058 [Browser Events Thread] INFO Web Browser - Vuex mutation "agenda": 
15:59:13.058 [Browser Events Thread] INFO Web Browser - Vuex mutation "zoom": 
15:59:13.059 [Browser Events Thread] INFO Web Browser - Vuex mutation "center": 
15:59:13.059 [Browser Events Thread] INFO Web Browser - Vuex mutation "location": 
15:59:13.059 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setShortFusedOnly": 
15:59:13.059 [Browser Events Thread] INFO Web Browser - Vuex action "search/geolocateSelected": 
15:59:13.062 [Browser Events Thread] INFO Web Browser - Requesting ESRI reverse geocoding for (33.417,-90.66)
15:59:13.069 [Browser Events Thread] INFO Web Browser - Vuex action "persist/addBookmarkSuppress": 
15:59:13.069 [Browser Events Thread] INFO Web Browser - Vuex mutation "persist/suppressBookmarkUntil": 
15:59:13.090 [Browser Events Thread] INFO Web Browser - Vuex mutation "watchers/addWatcher": 
15:59:13.090 [Browser Events Thread] INFO Web Browser - Vuex mutation "watchers/addWatcher": 
15:59:13.111 [Browser Events Thread] ERROR Web Browser - ReferenceError: ResizeObserver is not defined
15:59:13.120 [Browser Events Thread] ERROR Web Browser - TypeError: Cannot read property 'push' of null
15:59:13.137 [Browser Events Thread] ERROR Web Browser - TypeError: Cannot read property 'push' of null
15:59:13.138 [Browser Events Thread] WARN Web Browser - No primary times available; falling back to static layer for conus_bref_qcd
15:59:13.143 [Browser Events Thread] WARN Web Browser - No primary times available; falling back to static layer for alaska_bref_qcd
15:59:13.145 [Browser Events Thread] WARN Web Browser - No primary times available; falling back to static layer for hawaii_bref_qcd
15:59:13.147 [Browser Events Thread] WARN Web Browser - No primary times available; falling back to static layer for guam_bref_qcd
15:59:13.155 [Browser Events Thread] WARN Web Browser - No primary times available; falling back to static layer for carib_bref_qcd
15:59:13.157 [Browser Events Thread] WARN Web Browser - No primary times available; falling back to static layer for hazards
15:59:13.160 [Browser Events Thread] ERROR Web Browser - TypeError: Cannot read property 'push' of null
15:59:13.175 [Browser Events Thread] ERROR Web Browser - TypeError: Cannot read property 'push' of null
15:59:13.353 [Browser Events Thread] ERROR Web Browser - TypeError: Cannot read property 'setTarget' of null
15:59:13.362 [Browser Events Thread] INFO Web Browser - Requesting point data for (36.3370,-94.4610) from https://api.weather.gov/points/36.3370,-94.4610
15:59:13.363 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setAlertsForPointError": 
15:59:13.363 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setAlertsForPointLoading": 
15:59:13.363 [Browser Events Thread] INFO Web Browser - Vuex mutation "setForecastPointError": 
15:59:13.364 [Browser Events Thread] INFO Web Browser - Vuex mutation "setForecastPointLoading": 
15:59:13.628 [Browser Events Thread] WARN Web Browser - No time extent available; falling back to static layer for alaska_bref_qcd
15:59:13.628 [Browser Events Thread] WARN Web Browser - No time extent available; falling back to static layer for hawaii_bref_qcd
15:59:13.628 [Browser Events Thread] WARN Web Browser - No time extent available; falling back to static layer for guam_bref_qcd
15:59:13.628 [Browser Events Thread] WARN Web Browser - No time extent available; falling back to static layer for carib_bref_qcd
15:59:13.629 [Browser Events Thread] WARN Web Browser - No time extent available; falling back to static layer for hazards
15:59:13.629 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setLastLayerTime": 
15:59:13.755 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setActiveLayerTime": 
15:59:13.755 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setLastLayerTime": 
15:59:13.758 [Browser Events Thread] ERROR Web Browser - TypeError: Cannot read property 'push' of null
15:59:13.759 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setAlertsForPointLoading": 
15:59:13.764 [Browser Events Thread] INFO Web Browser - Requesting alerts list for 2024-07-16T20:55:33.000Z from https://opengeo.ncep.noaa.gov/geoserver/wwa/ows
15:59:13.919 [Browser Events Thread] INFO Web Browser - Vuex mutation "search/selected": 
15:59:13.922 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setAlertsForPoint": 
15:59:13.922 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setAlertsForPointLoading": 
15:59:14.445 [Browser Events Thread] INFO Web Browser - Requesting point data for (36.3370,-94.4610) from https://api.weather.gov/points/36.3370,-94.4610
15:59:14.447 [Browser Events Thread] INFO Web Browser - Vuex mutation "setForecastPoint": 
15:59:14.450 [Browser Events Thread] INFO Web Browser - Requesting observation station data from https://api.weather.gov/gridpoints/TSA/96,113/stations
15:59:14.450 [Browser Events Thread] INFO Web Browser - Vuex mutation "setForecastPointLoading": 
15:59:14.736 [Browser Events Thread] INFO Web Browser - Requesting observation data from https://api.weather.gov/stations/KXNA/observations/latest
16:04:13.181 [Browser Events Thread] INFO Web Browser - Vuex mutation "setLastReloadTime": 
16:04:13.183 [Browser Events Thread] WARN Web Browser - No primary times available; falling back to static layer for conus_bref_qcd
16:04:13.186 [Browser Events Thread] WARN Web Browser - No primary times available; falling back to static layer for alaska_bref_qcd
16:04:13.189 [Browser Events Thread] WARN Web Browser - No primary times available; falling back to static layer for hawaii_bref_qcd
16:04:13.192 [Browser Events Thread] WARN Web Browser - No primary times available; falling back to static layer for guam_bref_qcd
16:04:13.200 [Browser Events Thread] WARN Web Browser - No primary times available; falling back to static layer for carib_bref_qcd
16:04:13.201 [Browser Events Thread] WARN Web Browser - No primary times available; falling back to static layer for hazards
16:04:13.201 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setActiveLayerTime": 
16:04:13.201 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setLastLayerTime": 
16:04:13.202 [Browser Events Thread] ERROR Web Browser - TypeError: Cannot read property 'remove' of null
16:04:13.592 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setActiveLayerTime": 
16:04:13.593 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setLastLayerTime": 
16:04:13.596 [Browser Events Thread] ERROR Web Browser - TypeError: Cannot read property 'push' of null
16:04:13.598 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setAlertsForPointLoading": 
16:04:13.599 [Browser Events Thread] INFO Web Browser - Requesting alerts list for 2024-07-16T20:57:14.000Z from https://opengeo.ncep.noaa.gov/geoserver/wwa/ows
16:04:13.600 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setAlertsForPointLoading": 
16:04:13.791 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setActiveLayerTime": 
16:04:13.791 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setLastLayerTime": 
16:04:13.792 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setAlertsForPointLoading": 
16:04:14.794 [Browser Events Thread] INFO Web Browser - Requesting alerts list for 2024-07-16T21:00:59.000Z from https://opengeo.ncep.noaa.gov/geoserver/wwa/ows
16:04:16.677 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setAlertsForPoint": 
16:04:16.678 [Browser Events Thread] INFO Web Browser - Vuex mutation "alerts/setAlertsForPointLoading":

This is what the page looks like when it fully renders. As the page loads in Chrome, you will see the pale blue background color followed by quickly loading of other layers. On the web browser component in Vision, it doesn't seem to load everything. I am showing the console in Chrome as well to compare events...the one thing I see is that there are no "TypeError: Cannot read property...etc.." like there are in the component inside Ignition.

Kevin.Herron · July 16, 2024, 9:42pm

The browser components in 7.9 are compatibility time bombs. Whatever version of Chrome is embedded in them is what's embedded in them forever, and it's entirely possible as websites update and evolve that they stop working with older versions.

drojas · July 16, 2024, 9:45pm

I suspected as much. I was looking to see if there is a way to update the JxBrowser version. Maybe I could see if it renders on Vision in 8.1. Thanks @Kevin.Herron

Update: Did some testing...even the latest 7.9.21 version won't render the page. But if I test on 8.1.38, it does render correctly.

Kevin.Herron · July 17, 2024, 12:32am

If you navigate to whatismybrowser.com in the embedded browsers of the components you can get an idea of what chromium version is being used.