其实谷歌浏览器调试canvas的问题并不复杂，但是又很多的朋友都不太了解谷歌浏览器调试模式怎么打开，因此呢，今天小编就来为大家分享谷歌浏览器调试canvas的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！

本文目录

1. 支持html5的浏览器有哪些
2. 如何判断浏览器是否支持HTML5 Canvas
3. 移动端浏览器webgl与canvas2D渲染的效率比较如何
4. 哪些浏览器支持canvas

一、支持html5的浏览器有哪些

1、Chrome：该浏览器基于其他开源软件撰写，包括WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面

2、Safari：是苹果计算机的操作系统Mac OS中的浏览器，使用了KDE的KHTML作为浏览器的运算核心

3、Edge：微软专门为新IE打造的引擎，速度快，目前已经基于此引擎开发了浏览器

4、拓展阅读：关于Safari——百度百科

5、Safari,苹果计算机的操作系统Mac OS中浏览器，用来取代之前的Internet Explorer for Mac。Safari使用了KDE的KHTML作为浏览器的计算核心。该浏览器已支持Windows平台，但是与运行在Mac OS X上的safari相比，有些功能出现丢失。

6、Safari也是iPhone手机、iPod Touch、iPad平板电脑中iOS指定默认浏览器。Safari以惊人速度渲染网页。与 Mac、PC及 iPod touch、iPhone、iPad完美兼容。让最爱网站一目了然。聪明的它还会检查拼写和语法。

二、如何判断浏览器是否支持HTML5 Canvas

1、HTML5 Canvas的确是一个好东西，但是并不是所有浏览器都支持HTML5 Canvas的，这就要求我们在使用HTML5 Canvas前要检查浏览器是否支持这玩意儿。在创建HTML5 canvas元素之前，首先要确保浏览器能够支持它。如果不支持，你就要为那些古董级浏览器提供一些替代文字。下面的代码就是检测浏览器支持情况的一种方法。try{

2、document.createElement("canvas").getContext("2d");

3、document.getElementById("support").innerHTML="HTML5 Canvas is supported in your browser.";

4、}上面的代码试图创建一个canvas对象，并且获取其上下文。如果发生错误，则可以捕获错误，进而得知该浏览器不支持canvas。页面中预先放入了ID为support的元素，通过以适当的信息更新该元素的内容，可以反映出浏览器的支持情况。以上示例代码能判断浏览器是否支持canvas元素，但不会判断具体支持canvas的哪些特性。这个时候，示例中使用的API已经很稳定并且各浏览器也都提供了很好的支持，所以通常不必担心这个问题。此外，希望开发人员能够像如上代码一样为canvas元素提供备用显示内容。

三、移动端浏览器webgl与canvas2D渲染的效率比较如何

如果浏览器也使用3D API（如OGL或D3D）实现2D Canvas的话，那么“JS操纵WebGL”代码效率不可能胜过浏览器的“C++操纵3D API”。

就Windows平台本机程序而言（浏览器就是本机程序），实现绘图主要是GDI（以前常用，现在很少用），GDI+（现在较多），D3D/OGL（现在很多）；GDI+功能很强，但效率糟透，因为它是纯软件算法（用CPU在内存里作图），关注效率的绘图程序不太常用。

所以推测浏览器使用D3D/OGL实现绘图的可能最大（更不用说CSS3的3D变换），如第二段分析，代码不可能胜过浏览器的，因为代码访问过的底层功能，浏览器也访问过，但代码还需要浏览器这一层附加处理。

移动浏览器，也叫做微型浏览器、迷你浏览器或无线互联网浏览器，是为用于移动设备如移动电话或PDA设计的网页浏览器。移动浏览器为在手持设备的小型屏幕显示网页内容做了优化。移动浏览器软件必须很小并且高效以适应无线手持设备的低内存与低带宽。典型情况下，它们是简化了的网页浏览器，但到2006年，移动浏览器可以处理更多的最新技术如CSS 2.1、JavaScript及Ajax。专门为这些浏览器设计的网站被称为无线门户。

四、哪些浏览器支持canvas

Canvas支持以下浏览器的最新和先前的主要版本：

Firefox56、57（不支持延伸版本）

Flash26、27（用于录制或浏览音频/视频并上传文件）

Internet Explorer11和Edge40和41（仅Windows——请确认您的操作系统是Canvas计算机技术参数课程中标识的最新版本；您可能需要下载Windows 10周年更新才能提交Canvas作业）

Respondus LockDown浏览器（支持最新的系统要求）

谷歌浏览器调试canvas和谷歌浏览器调试模式怎么打开的问题分享结束啦，以上的文章解决了您的问题吗？欢迎您下次再来哦！