首页 > 其他分享 >如何在浏览器中启用 WebGL 以使用 HTML5 3D 查看器

如何在浏览器中启用 WebGL 以使用 HTML5 3D 查看器

时间:2023-08-25 15:35:44浏览次数:55  
标签:浏览器 启用 Chrome WebGL 查看器 HTML5 硬件加速 地址栏

描述

WebCenter 中的 HTML5 3D Collada Viewer(自 14.1 以来新增)要求在浏览器中启用 WebGL。较旧的浏览器可能不支持此功能,或者要求用户首先显式启用此功能。本页介绍如何为所有主要浏览器启用此功能。WebGL 3D 查看器

本文是以下超级用户文章的摘要:如何在浏览器中启用 WebGL?

程序

在尝试在浏览器中启用 WebGL 之前,请检查您的浏览器是否支持 WebGL。请参阅:caniuse.com/webgl。如果您的浏览器支持 WebGL,请按照下面描述的说明启用它。如果没有,请考虑使用其他浏览器或升级首选浏览器。

谷歌浏览器

对于谷歌浏览器,请按照以下步骤操作:

  1. 启用硬件加速
  2. 在浏览器地址栏中键入 chrome://settings
  3. 单击 + 显示高级设置按钮。
  4. “系统”部分中,确保已启用“可用时使用硬件加速”复选框(您需要重新启动 Chrome 才能使任何更改生效)。
  5. 启用 WebGL。
  6. 在浏览器地址栏中键入 chrome://flags
  7. 确保未激活停用 WebGL(您需要重新启动 Chrome 才能使任何更改生效)。
  8. 检查 WebGL 的状态。
  9. 在浏览器地址栏中键入 chrome://gpu
  10. 检查“图形功能状态”列表中的 WebGL 项。状态将为以下状态之一:
  11. 硬件加速 — WebGL 已启用且硬件加速(在图形卡上运行)。
  12. 仅软件,硬件加速不可用 — WebGL 已启用,但在软件中运行。有关更多信息,请参阅此处:“对于WebGL的软件渲染,Chrome使用SwiftShader,一种软件GL光栅器”。

不可用 — WebGL 在硬件或软件中不可用。

如果状态不是“硬件加速”,则“检测到的问题”列表(位于“图形功能状态”列表下方)可能会解释硬件加速不可用的原因。

如果您的显卡/驱动程序被列入黑名单,您可以覆盖黑名单。警告:不建议这样做! 要覆盖黑名单:

  1. 在浏览器地址栏中键入 chrome://flags
  2. 激活覆盖软件呈现列表设置(您需要重新启动 Chrome 才能使任何更改生效)。

有关更多信息,请参阅 Chrome 帮助:WebGL 和 3D 图形。

Mozilla Firefox

对于 Mozilla Firefox,请按照以下步骤操作:

  1. 启用 WebGL。
  2. 在浏览器地址栏中键入 about:config
  3. 搜索 webgl.disabled
  4. 确保其值为“false”(任何更改都会立即生效,而无需重新启动 Firefox)。
  5. 检查 WebGL 的状态。
  6. 在浏览器地址栏中键入关于:支持
  7. 检查图形表中的 WebGL 渲染器行:
  8. 如果状态包含显卡制造商、型号和驱动程序(例如:“NVIDIA Corporation -- NVIDIA GeForce GT 650M OpenGL Engine”),则启用 WebGL。
  9. 如果状态为“由于未解决的驱动程序问题,您的显卡被阻止”或“您的显卡驱动程序版本已阻止”或类似状态,则您的显卡/驱动程序已列入黑名单。
  10. 如果您的显卡/驱动程序被列入黑名单,您可以覆盖黑名单。警告:不建议这样做!要覆盖黑名单:
  11. 在浏览器地址栏中键入。about:config
  12. 搜索“webgl.force-enabled”。
  13. 将其设置为“true”。

与 Chrome 一样,Firefox 在“首选项”>高级”>“常规”>浏览中有一个“可用时使用硬件加速”复选框。但是,与Chrome不同,Firefox不需要选中此复选框即可使WebGL正常工作。

Safari

对于 Safari 浏览器,请按照以下步骤操作:

  1. 转到 Safari 的首选项
  2. 选择“高级”选项卡。
  3. 确保已启用“在菜单栏中显示开发菜单”复选框。
  4. 在“开发”菜单中,确保选中“启用 WebGL”复选框。

IE浏览器

要在 Internet Explorer 中启用 WebGL,请将 Internet Explorer 更新到版本 11 或更高版本。

原文链接:如何在浏览器中启用 WebGL 以使用 HTML5 3D 查看器 (mvrlink.com)

标签:浏览器,启用,Chrome,WebGL,查看器,HTML5,硬件加速,地址栏
From: https://www.cnblogs.com/mvrlink/p/17657072.html

相关文章

  • h5(html5)+css3前端笔记五
    盒子模型网页布局本质网页布局过程先准备好相关的网页元素,网页元素基本都是盒子Box。利用CSS设置好盒子样式,然后摆放到相应位置PS基本操作综合案例圆角边框盒子阴影文字阴影......
  • HTML5原生拖拽/拖放 Drag & Drop 详解
    前言拖放(drap&drop)在我们平时的工作中,经常遇到。它表示:抓取对象以后拖放到另一个位置。目前,它是HTML5标准的一部分。我从几个方面学习并实践这个功能。拖放的流程对应的事件我们先看下拖放的流程:选中--->拖动--->释放然后,我们一步步看下这个过程中,会发生的事情。选......
  • 1.8 HTML5端快速访问单张模板
    一、HTML5端快速访问单张模板1.插件安装如需在HTML5端预览报表工程,必须安装「HTML5解析」插件。FineReport设计器默认安装「HTML5解析」插件,在设计器中点击「服务器>插件管理」,在插件管理的弹窗右侧「我的插件」中即可查看,如下图所示:2.环境准备将PC设备与移动设备切......
  • WebGL的剪裁空间
    推荐:使用NSDT场景编辑器助你快速搭建可二次编辑的3D应用场景什么是WebGL的剪裁空间WebGL的剪裁空间(ClippingSpace)是在图形渲染过程中处理视图体积裁剪的一种特定空间。它是指定义在3D世界坐标系和屏幕窗口之间的虚拟空间,用于确定哪些图元将被渲染到屏幕上。WebGL使用了透视投......
  • WebGL和OpenGL之间的差异
    推荐:使用NSDT场景编辑器助你快速搭建可二次编辑的3D应用场景WebGL和OpenGL是与图形处理有关的技术标准,它们在计算机图形中扮演着重要的角色。本文将介绍WebGL和OpenGL的区别,并重点介绍"WebGL"和"OpenGL"的特点。一、WebGL简介WebGL(WebGraphicsLibrary)是一种用于在Web浏览器中......
  • 2D应用开发是选择WebGL 还是选择Canvas?
    推荐:使用NSDT场景编辑器助你快速搭建可二次编辑的3D应用场景在介绍WebGL和Canvas的区别和联系之前,需要先了解它们各自的定义和特点。WebGL是一种基于标准HTML5的技术,用于在Web浏览器中实时渲染3D图形。它是由KhronosGroup开发的一套API(ApplicationProgrammingInterface),允许开......
  • 了解WebGL:在浏览器中实现高性能3D图形渲染的基础知识
    WebGL是一种基于OpenGLES2.0标准的3D图形渲染技术,它可以在浏览器中实现高性能的3D图形渲染。本文将介绍WebGL的基础知识,包括其应用场景、工作原理和常见的编程工具。应用场景WebGL可以用于创建各种类型的3D图形应用程序,例如游戏、可视化效果、建筑模型等。WebGL还可以与其他W......
  • HTML5实现大文件上传
    ​ 文件夹数据库处理逻辑public class DbFolder{    JSONObjectroot;       public DbFolder()    {        this.root= new JSONObject();        this.root.put("f_id", "");        this.root.put("f_nameLoc", "......
  • HTML5中form如何关闭自动完成功能
    什么是HTML5的form自动完成功能?首先,HTML5中有个新属性autocomplete,autocomplete属性规定表单是否应该启用自动完成功能,它自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。如:<form autocomplete="on">......
  • h5(html5)+css3前端笔记四
    Emmet语法1.生成标签直接输入标签名按tab键即可比如div然后tab键,就可以生成<div></div>2.如果想要生成多个相同标签加上*就可以了比如div*3就可以快速生成3个div3.如果有父子级关系的标签,可以用>比如ul>li就可以了4.如果有兄弟关系的标签,用+就可以了比如div+p5.如......