html Javascript：功能检测

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html Javascript：功能检测相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Feature Detection</title>
</head>
<body>
  <input type="text" placeholder="John Doe">
  <input type="email">
  <script>
    if (!'placeholder' in document.createElement('input')) {
      // a polyfill
      
    }
    
    function testSupport (type) {
      var i = document.createElement('input');
      i.setAttribute('type', type);
      return i.type === type;  
    }
    
    if ( !testSupport('email')) {
      // provide fallback
    }
    
    if (document.createElement('canvas').getContext) {
      // browser supports canvas
    }
    
    if (document.createElement('audio').canPlayType) {
      // browser supports audio
    }
    
    if (document.createElement('video').canPlayType) {
      // browser supports video
    }
    
    function supportsStorage() {
      try {
        return 'localStorage' in window && window.localStorage !== null;
      } catch(e) {
        return false;
      }  
    }
    
    if (!!navigator.geolocation) alert('track me!');
    
  </script>
</body>
</html>

以上是关于html Javascript：功能检测的主要内容，如果未能解决你的问题，请参考以下文章

JavaScript 中的浏览器检测？ [复制]

是否有任何javascript库用于检测网络摄像头的图像？如果是，那么继续执行功能？

HTML / Javascript检查窗口关闭并执行功能[重复]

为一个 Javascript 功能创建功能检测 (intersectionObserver)

检测系统音量（声音）和插入的音频插孔的Javascript

使用 JS 检测网址能否正常加载