如何启用WebGL？

一、如何启用WebGL？

要运行WebGL，你必须有一个支持它的浏览器，比如： Google Chrome 9+ Mozilla Firefox 4+ Safari 5.1+（仅限于Mac OS X操作系统，不包括Windows操作系统；那么这种情况下必须强制开启WebGL支持，请参考下文） Opera Next 即 Opera 12 alpha及以上版本IE9+但是IE并不支持WebGL，不过你可以通过下载并安装IEWebGL这个插件，或者Google Chrome Framework来运行一些WebGL应用。 同时，你还需要一块好的显卡，并安装了最新的显卡驱动；这只是使你能够运行WebGL的基本要求，如果想要在一些复杂的应用中保证显示效果，那你需要一块更好的显卡。 如果你的显卡非常老旧，或者是板载的集成显卡，那么你需要在浏览器中强制开启WebGL支持；另外因为其他的一些原因（比如你的操作系统是Windows XP），在正常安装以上浏览器之后还是不能运行WebGL，那你最好也强制开启WebGL支持。开启方法如下： 2、Google Chrome开启方法 我们需要为Chrome加入一些启动参数，以下具体操作步骤以Windows操作系统为例，请Linux用户自行设置。 Chrome浏览器的用户请找到Chrome浏览器的快捷方式，如果没有就创建一个快捷方式（右键点击chrome.exe，选择“创建快捷方式”或者“发送到”→“桌面快捷方式”），右键点击快捷方式，选择属性。 在目标框内，双引号的后边，加入以下内容： --enable-webgl --ignore-gpu-blacklist --allow-file-access-from-files 关闭目前开启的所有Chrome窗口，然后用此快捷方式启动Chrome浏览器，其中： 表示开启WebGL支持： --enable-webgl 表示忽略GPU黑名单，也就是说有一些显卡GPU因为过于陈旧等原因，不建议运行WebGL，这个参数可以让浏览器忽略这个黑名单，强制运行WebGL： --ignore-gpu-blacklist 表示允许从本地载入资源，如果你不是WebGL的开发者，不需要开发调试WebGL，只是想要看一下WebGL的Demo，那你可以不添加这个参数： --allow-file-access-from-files 3、Mozilla Firefox开启方法Firefox的用户请在浏览器的地址栏输入“about:config”，回车后： 1、在过滤器（filter）中搜索“webgl” 将webgl.force-enabled设置为true 将webgl.disabled设置为false 2、在过滤器（filter）中搜索“security.fileuri.strict_origin_policy” 将security.fileuri.strict_origin_policy设置为false 关闭目前开启的所有Firefox窗口，然后重新启动Firefox。 其中前两个设置是强制开启WebGL支持，最后一个security.fileuri.strict_origin_policy的设置是允许从本地载入资源，如果你不是WebGL的开发者，不需要开发调试WebGL，只是想要看一下WebGL的Demo，那你可以不设置此项。 4、Safari浏览器开启方法菜单中找到“属性”或“偏好设置”→“高级”，选中“显示开发菜单”，然后到“开发”菜单，选中“开启WebGL”。

二、uc浏览器如何设置webgl？

UC浏览器开启硬件加速方法 ，点击浏览器右上角【选项】,点击【设置】

三、如何判断浏览器是否支持webgl？

方法一

使用 canvas 的 toDataURL 进行判断

toDataURL方法在MDN解释如下：

HTMLCanvasElement.toDataURL() 方法返回一个包含图片展示的 data URI 。可以使用 type 参数其类型，默认为 PNG 格式。图片的分辨率为96dpi。

如果画布的高度或宽度是0，那么会返回字符串“data:,”。

如果传入的类型非“image/png”，但是返回的值以“data:image/png”开头，那么该传入的类型是不支持的。

Chrome支持“image/webp”类型。

toDataURL方法将图片转化为包含dataURI的DOMString，通过 base64 编码前面的图片类型值是image/webp进行判断。

比如在谷歌浏览器使用toDataURL方法转成image/webp：

在 Safari 浏览器使用toDataURL方法转成image/webp：

可以发现在不支持 webp 的浏览器进行toDataURL，得到的图片类型并不是 webp，因此我们可以通过这个进行判断。

实现方法：

var isSupportWebp = function () {

try {

return document.createElement('canvas').toDataURL('image/webp', 0.5).indexOf('data:image/webp') === 0;

} catch(err) {

return false;

}

}

isSupportWebp()

方法二

在服务端根据请求header信息判断浏览器是否支持webp在图片请求发出的时候，Request Headers 里有 Accept，服务端可以根据Accept 里面是否有 image/webp 进行判断。

方法三

通过加载一张 webp 图片进行判断

const supportsWebp = ({ createImageBitmap, Image }) => {

if (!createImageBitmap || !Image) return Promise.resolve(false);

return new Promise(resolve => {

const image = new Image();

image.onload = () => {

createImageBitmap(image)

.then(() => {

resolve(true);

})

.catch(() => {

resolve(false);

});

};

image.onerror = () => {

resolve(false);

};

image.src = 'data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=';

});

};

const webpIsSupported = () => {

let memo = null;

return () => {

if (!memo) {

memo = supportsWebp(window);

}

return memo;

};

};

webpIsSupported()().then(res => {

console.log("是否支持 webp", res)

}).catch(err => {

console.log(err)

})

此方法会加载一张 1x1 的白色的正方形背景图，用来测试浏览器是否支持 webp。

在 Google 测试代码：

四、如何开启浏览器的WebGL功能？

1、首先打开极速浏览器，进入到浏览器首页中。

2、然后点击打开左上角三条横线中的选项按钮。

3、然后在弹出来的窗口中搜索框搜索硬件。

4、然后在弹出来的窗口中开启硬件加速。

5、最后浏览器重启，就可以访问基于WEBGL的网页了。

五、如何启用浏览器cookie功能？

浏览器cookie开启方法如下

1.首先打开你的浏览器，点击右上角 ，并找到设置，点击打开。

2.在打开的设置中，看到左上角设置，点击打开。

3.点开当前打开的设置选项中的高级，里面有很多选项。

4.找到内容设置，可看到解释：可控制网站可使用的信息以及向用户显示内容。cookie的设置便在其中。

5.取消阻止第三方cookie，下面有对应的解释：阻止第三方网站保存和读取cookie数据。取消掉上述选项后，然后关掉浏览器，再重启浏览器就可以了。至此，开启浏览器cookie便成功了。

六、360浏览器如何启用cookie？

1、在360页面的右上角找到“工具”选项；

2、弹出菜单，选择“internet选项”；

3、打开后，选择“隐私”按钮，设置为中；

4、点击“高级”，弹出对话框；

5、勾选“替代自动cookie处理”和“总是允许会话cookie”选项；

6、点击“确定”。

七、360安全浏览器怎么开启WebGL？

方法如下：

1、右击浏览器的快捷方式，点击属性；

2、点击快捷方式选项卡，目标框原有内容后输入--enable-webgl --ignore-gpu-blacklist --allow-file-access-from-files，然后点击确定；

八、使用Chrome浏览器，不能启动webgl？

开启浏览器的WebGL功能首先需要浏览器支持该功能。方法如下：

1、右击chrome浏览器的快捷方式，点击属性；

2、点击快捷方式选项卡，目标框原有内容后输入--enable-webgl --ignore-gpu-blacklist --allow-file-access-from-files，然后点击确定；基本介绍：1、是一种3D绘图协议，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等等；2、完美地解决了现有的Web交互式三维动画的问题，它通过HTML脚本本身实现Web交互式三维动画的制作，无需任何浏览器插件支持；它利用底层的图形硬件加速功能进行的图形渲染，是通过统一的、标准的、跨平台的OpenGL接口实现的。

九、浏览器为什么不支持WebGL？

这是系统问题，xp系统不支持WEBGL功能，建议更新新系统，更新后打开WEBGL功能的具体操作步骤如下：

1．首先，任意打开浏览器。

2．然后，在打开的浏览器左上角的三个水平线上单击选项按钮。

3．接着，在弹出窗口的搜索框中搜索硬件。

4．然后，在弹出窗口中，勾选智能开启硬件加速。

5．最后，浏览器重新启动，可以基于WEBGL访问该网页。

十、如何禁用IE浏览器，又如何启用？

1.打开开始菜单，然后选择"控制面板"。

2.在“控制面板”选择框里点击“程序”。

3.在“程序和功能”的栏目下点击“打开或关闭 Windows 功能”。

4.在“打开或关闭 Windows 功能”里找到IE浏览器,即是“Internet Explorer X” ，X代表你系统具体的IE版本号，然后将其前面的勾去掉，就是禁用，将其前面的勾勾上就是开启。Explorer(7、8、9、10、11版本)，简称IE。在IE7以前，中文直译为“网络探路者”，但在IE7以后官方便直接俗称"IE浏览器"。2015年3月微软确认将放弃IE品牌。转而在windows 10上，用Microsoft Edge取代了IE。微软于2015年10月宣布2016年1月起停止支持老版本IE浏览器。 2016年1月12日，微软公司宣布于这一天停止对IE 8/9/10三个版本的技术支持，用户将不会再收到任何来自微软官方的IE安全更新；作为替代方案，微软建议用户升级到IE 11或者改用Microsoft Edge浏览器。