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.
- [Try this if above doesn’t work] Enable - Override software rendering list
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