如何检测纯javascript对全屏api的支持？

要检测纯JavaScript对全屏API的支持，可以使用以下方法：

使用全屏API的属性和方法进行检测：
- 使用document.fullscreenEnabled属性检测浏览器是否支持全屏功能。如果返回true，则表示支持全屏API。
- 使用document.documentElement.requestFullscreen方法请求全屏，如果没有报错，则表示浏览器支持全屏API。

使用事件监听器进行检测：
- 使用fullscreenchange事件监听全屏状态的改变。当进入或退出全屏时，会触发该事件。通过监听该事件，可以判断浏览器是否支持全屏API。

以下是一个示例代码，用于检测纯JavaScript对全屏API的支持：

function isFullScreenSupported() {
  return (
    document.fullscreenEnabled ||
    document.mozFullScreenEnabled ||
    document.webkitFullscreenEnabled ||
    document.msFullscreenEnabled
  );
}

function requestFullScreen(element) {
  if (element.requestFullscreen) {
    element.requestFullscreen();
  } else if (element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if (element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen();
  } else if (element.msRequestFullscreen) {
    element.msRequestFullscreen();
  }
}

if (isFullScreenSupported()) {
  // 浏览器支持全屏API
  console.log("浏览器支持全屏API");
  // 进入全屏
  requestFullScreen(document.documentElement);
} else {
  // 浏览器不支持全屏API
  console.log("浏览器不支持全屏API");
}

在上述代码中，isFullScreenSupported函数用于检测浏览器是否支持全屏API，requestFullScreen函数用于请求进入全屏。根据返回结果，可以判断浏览器是否支持全屏API，并进行相应的处理。

腾讯云相关产品和产品介绍链接地址：