WebGL
Using Windows 10 22H2 and Firefox 122.0.1 Yesterday I had no problem opening the map on purpleair.com. Today I can't. Get error:
Error: Failed to initialize WebGL
TypeError: DE is undefined.
But I can open this same website map in Google Chrome browser with no problem. What changed in Firefox and how do I fix it. And why do I need to fix it, since it all works fine in Chrome
Thanks a bunch,
Mike
الحل المُختار
OK, today, the map on purpleair.com is working just fine in Firefox. But I don't know why.
Mike
Read this answer in context 👍 0All Replies (9)
Hi Mike, is the problem with https://map.purpleair.com/?
I don't know why that would suddenly stop working for you, but the TypeError could indicate that a script used by the page is blocked or otherwise not loading correctly.
If a site is generally known to work in Firefox, these are standard suggestions to try when it stops working normally:
Cache and Cookies: When you have a problem with one particular site, a good "first thing to try" is clearing your Firefox cache and deleting your saved cookies for the site.
(1) Clear Firefox's Cache
See: How to clear the Firefox cache (only select Cached web content, don't clear all cookies and site data)
If you have a large hard drive, this might take a few minutes.
(2) Remove the site's cookies (save any pending work first). While viewing a page on the site, click the lock icon at the left end of the address bar. After a moment, a "Clear Cookies and Site Data" button should appear at the bottom. Go ahead and click that. Firefox will ask you to confirm; go ahead and confirm.
Then try reloading the page. Does that help?
Double-check content blockers: Firefox's Tracking Protection feature, and extensions that counter ads and tracking, may break websites that embed third party content (meaning, from a secondary server).
(A) The shield icon toward the left end of the address bar usually turns a bit purplish when content is blocked. Click the icon to learn more or make an exception. See: Enhanced Tracking Protection in Firefox for desktop.
(B) Extensions such as Adblock Plus, Blur, Disconnect, DuckDuckGo Privacy Essentials, Ghostery, NoScript, Privacy Badger, uBlock Origin or uMatrix may block required elements on a site. Usually you can find a toolbar button for each add-on to manage blocked content in a page. There may or may not be a number on the icon indicating the number of blocked items; you sometimes need to click the button to see what's going on and test whether you need to make an exception for this site.
Testing in Firefox's Troubleshoot Mode: In this mode, Firefox temporarily deactivates extensions, hardware acceleration, any userChrome.css/userContent.css files, and some other advanced features to help you assess whether these are causing the problem.
If Firefox is running:
You can restart Firefox in Troubleshoot Mode using either:
- "3-bar" menu button > Help > Troubleshoot Mode... (before Fx88: Restart with Add-ons Disabled)
- (menu bar) Help menu > Troubleshoot Mode... (before Fx88: Restart with Add-ons Disabled)
and OK the restart. A small dialog should appear. Click the Open button (before Fx88: "Start in Safe Mode" button).
If Firefox is not running:
Hold down the Shift key when starting Firefox. (On Mac, hold down the option/alt key instead of the Shift key.) A small dialog should appear. Click the Open button (before Fx88: "Start in Safe Mode" button).
Note: Don't use the Refresh without first reviewing this article to understand what will be deleted: Refresh Firefox - reset add-ons and settings.
Any improvement?
Hey J, I do appreciate your comprehensive response. And I have tried all of your suggestions. No change. Map.purpleair.com works fine in Google Chrome browser. Won't load in Firefox effective 02/12/2024.
Perplexed in Montana, Mike [telephone number]
(telephone number removed; please do not post personal information on a public website; Forum rules and guidelines)
Modified
Hi Mike, not sure you meant to share your phone number (this page is public).
Do other WebGL pages work, like regular Google Maps?
Yes, thanks, J. Intentional.
Google Maps on Firefox works just fine.
Mike
Check for issues with WegGL:
I see the same "De is undefined" error when WebGL is disabled. Check that webgl.disabled is false in about:config.
Note that Google Maps works without WebGL.
Thanks.
My browser supports WebGL 1 and WebGL2 webgl.disabled was set at false. Still flummoxed.
Is there more info in the Web Console?
Start Firefox in Troubleshoot Mode to check if one of the extensions ("3-bar" menu button or Tools -> Add-ons -> Extensions) or if hardware acceleration or if userChrome.css/userContent.css is causing the problem.
- switch to the Default System theme: "3-bar" menu button or Tools -> Add-ons -> Themes
- do NOT click the "Refresh Firefox" button on the Troubleshoot Mode start window
الحل المُختار
OK, today, the map on purpleair.com is working just fine in Firefox. But I don't know why.
Mike