What if WebGL is supported but disabled on my browser?

Chrome

First, enable hardware acceleration:

  • Go to chrome://settings
  • Click the + Show advanced settings button
  • In the System section, ensure the Use hardware acceleration when available checkbox is checked (you’ll need to relaunch Chrome for any changes to take effect)

Then enable WebGL:

  • Type chrome://flags in the browser and press Enter
  • Ensure that Disable WebGL is not activated (you will need to relaunch Chrome for any changes to take effect)

Here you will have to change Default to Enabled in the drop down.

For more information, see: Chrome Help: WebGL and 3D graphics.

Firefox

First, enable WebGL:

  • Type about:config in the browser address bar and press enter
  • Search for webgl.disabled
  • Ensure that its value is false (any changes take effect immediately without relaunching Firefox)

Then inspect the status of WebGL:

  • Go to about:support
  • Inspect the WebGL Renderer row in the Graphics table:

If your graphics card/drivers are blacklisted, you can override the blacklist. Warning: this is not recommended! (see blacklists note below). To override the blacklist:

  • Go to about:config
  • Search for webgl.force-enabled
  • Set it to true

Safari

  • Go to Safari’s Preferences
  • Select the Security tab
  • Make sure to check theAllow WebGL checkbox

Source: https://superuser.com/questions/836832/how-can-i-enable-webgl-in-my-browser