Maison interface Web tutoriel HTML JS判断浏览器是否支持某一个CSS3属性_html/css_WEB-ITnose

JS判断浏览器是否支持某一个CSS3属性_html/css_WEB-ITnose

Jun 24, 2016 am 11:58 AM
css3 js 判断 支持

1、引子

css3的出现让浏览器的表现更加的丰富多彩,表现冲击最大的就是动画了,在日常书写动画的时候,很有必要去事先判断浏览器是否支持,尤其是在写CSS3动画库的时候。比如transition的animation-play-state,就只有部分浏览器支持。

2、检测方法

下面的方法可以使用脚本判断浏览器是否支持某一个CSS3属性:

Js代码   

  1. /** 
  2.     * 判断浏览器是否支持某一个CSS3属性 
  3.     * @param {String} 属性名称 
  4.     * @return {Boolean} true/false 
  5.     * @version 1.0 
  6.     * @author ydr.me 
  7.     * 2014年4月4日14:47:19 
  8. */  
  9.        
  10. function supportCss3(style) {  
  11.     var prefix = ['webkit', 'Moz', 'ms', 'o'],  
  12.     i,  
  13.     humpString = [],  
  14.     htmlStyle = document.documentElement.style,  
  15.     _toHumb = function (string) {  
  16.     return string.replace(/-(\w)/g, function ($0, $1) {  
  17.     return $1.toUpperCase();  
  18.     });  
  19.     };  
  20.        
  21.     for (i in prefix)  
  22.     humpString.push(_toHumb(prefix[i] + '-' + style));  
  23.        
  24.     humpString.push(_toHumb(style));  
  25.        
  26.     for (i in humpString)  
  27.     if (humpString[i] in htmlStyle) return true;  
  28.        
  29.     return false;  
  30. }  

 3、使用方法

Js代码   

  1. alert(supportCss3('animation-play-state'));  

 

4、参考资料

http://note.rpsh.net/posts/2011/05/20/css

http://ecd.tencent.com/css3/guide.html

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment résoudre le problème de caméra non pris en charge par Windows Hello Comment résoudre le problème de caméra non pris en charge par Windows Hello Jan 05, 2024 pm 05:38 PM

Lorsque vous utilisez Windows Shello, une caméra prise en charge est introuvable. Les raisons courantes sont que la caméra utilisée ne prend pas en charge la reconnaissance faciale et que le pilote de la caméra n'est pas installé correctement. Voyons donc comment la configurer. Windowshello ne trouve pas de didacticiel de caméra pris en charge : Raison 1 : Le pilote de la caméra n'est pas installé correctement 1. De manière générale, le système Win10 peut installer automatiquement les pilotes pour la plupart des caméras, comme suit, il y aura une notification après avoir branché la caméra 2. À ce stade, nous ouvrons l'appareil. Vérifiez le gestionnaire pour voir si le pilote de la caméra est installé. Sinon, vous devez le faire manuellement. WIN+X, puis sélectionnez Gestionnaire de périphériques ; 3. Dans la fenêtre Gestionnaire de périphériques, développez l'option de la caméra et le modèle du pilote de la caméra s'affichera.

Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS Apr 03, 2024 am 11:55 AM

La technologie de détection et de reconnaissance des visages est déjà une technologie relativement mature et largement utilisée. Actuellement, le langage d'application Internet le plus utilisé est JS. La mise en œuvre de la détection et de la reconnaissance faciale sur le front-end Web présente des avantages et des inconvénients par rapport à la reconnaissance faciale back-end. Les avantages incluent la réduction de l'interaction réseau et de la reconnaissance en temps réel, ce qui réduit considérablement le temps d'attente des utilisateurs et améliore l'expérience utilisateur. Les inconvénients sont les suivants : il est limité par la taille du modèle et la précision est également limitée ; Comment utiliser js pour implémenter la détection de visage sur le web ? Afin de mettre en œuvre la reconnaissance faciale sur le Web, vous devez être familier avec les langages et technologies de programmation associés, tels que JavaScript, HTML, CSS, WebRTC, etc. Dans le même temps, vous devez également maîtriser les technologies pertinentes de vision par ordinateur et d’intelligence artificielle. Il convient de noter qu'en raison de la conception du côté Web

PyCharm Community Edition prend-il en charge suffisamment de plugins ? PyCharm Community Edition prend-il en charge suffisamment de plugins ? Feb 20, 2024 pm 04:42 PM

PyCharm Community Edition prend-il en charge suffisamment de plugins ? Besoin d'exemples de code spécifiques Alors que le langage Python devient de plus en plus largement utilisé dans le domaine du développement logiciel, PyCharm, en tant qu'environnement de développement intégré (IDE) Python professionnel, est favorisé par les développeurs. PyCharm est divisé en deux versions : la version professionnelle et la version communautaire. La version communautaire est fournie gratuitement, mais sa prise en charge des plug-ins est limitée par rapport à la version professionnelle. La question est donc la suivante : PyCharm Community Edition prend-il en charge suffisamment de plug-ins ? Cet article utilisera des exemples de code spécifiques pour

Analyse des avantages et des inconvénients : examen plus approfondi des avantages et des inconvénients des logiciels open source Analyse des avantages et des inconvénients : examen plus approfondi des avantages et des inconvénients des logiciels open source Feb 23, 2024 pm 11:00 PM

Avantages et inconvénients des logiciels open source : Comprendre les avantages et les inconvénients des projets open source nécessite des exemples de code spécifiques. À l'ère numérique d'aujourd'hui, les logiciels open source suscitent de plus en plus d'attention et de respect. En tant que modèle de développement logiciel basé sur l’esprit de coopération et de partage, les logiciels open source sont largement utilisés dans différents domaines. Cependant, malgré les nombreux avantages des logiciels open source, ils présentent également certains défis et limites. Cet article examinera les avantages et les inconvénients des logiciels open source et démontrera les avantages et les inconvénients des projets open source à travers des exemples de code spécifiques. 1. Avantages des logiciels open source 1.1 Ouverture et transparence Logiciel open source

Quels modèles iOS18 prend-il en charge ? Quels modèles iOS18 prend-il en charge ? Jan 07, 2024 pm 01:21 PM

Il y a des nouvelles mystérieuses provenant de canaux internes fiables, annonçant aux gens qu'iOS18 apportera une série de mises à jour majeures qui subvertiront l'imagination, et prévoit même de lancer une potentielle intelligence artificielle générative qui choquera le public ! Alors, quels modèles prend-il en charge ? Quels modèles iOS18 prend-il en charge ? Réponse : iOS18 peut prendre en charge les modèles iPhone11 et supérieurs. Concernant le système iOS18, qui a beaucoup attiré l'attention mais qui est toujours étroitement surveillé, même si peu de détails pertinents ont été divulgués jusqu'à présent, selon les rumeurs, Apple investit beaucoup de ressources dans la recherche de services et de fonctions d'intelligence artificielle, et on s'attend à ce que il sera accessible à tous dès fin 2024. Rendez-vous. Selon des informations pertinentes, Apple développe indépendamment AppleGPT dans ce domaine, en se concentrant sur la conversation, la génération d'images et le multimodèle.

La relation entre js et vue La relation entre js et vue Mar 11, 2024 pm 05:21 PM

La relation entre js et vue : 1. JS comme pierre angulaire du développement Web ; 2. L'essor de Vue.js en tant que framework front-end ; 3. La relation complémentaire entre JS et Vue ; Vue.

Pratique d'utilisation de jQuery : plusieurs façons de déterminer si une variable est vide Pratique d'utilisation de jQuery : plusieurs façons de déterminer si une variable est vide Feb 27, 2024 pm 04:12 PM

jQuery est une bibliothèque JavaScript largement utilisée dans le développement Web. Elle fournit de nombreuses méthodes simples et pratiques pour exploiter les éléments d'une page Web et gérer les événements. Dans le développement réel, nous rencontrons souvent des situations où nous devons déterminer si une variable est vide. Cet article présentera plusieurs méthodes courantes d'utilisation de jQuery pour déterminer si une variable est vide et joindra des exemples de code spécifiques. Méthode 1 : utilisez l'instruction if pour déterminer varstr="";if(str){co

L'activation du démarrage sécurisé est-elle une condition nécessaire pour mettre à niveau Win11 ? Comment activer le démarrage sécurisé L'activation du démarrage sécurisé est-elle une condition nécessaire pour mettre à niveau Win11 ? Comment activer le démarrage sécurisé Jan 29, 2024 pm 08:33 PM

Comme nous le savons tous, pour installer le système win11, vous devez vous assurer que l'ordinateur prend en charge TPM2.0 et active le démarrage sécurisé. Si votre ordinateur ne parvient pas à installer Win11, cela peut être dû au fait que le démarrage sécurisé n'est pas activé. Les didacticiels suivants permettent d'activer le démarrage sécurisé sur certaines marques d'ordinateurs. J'espère que cela vous sera utile. Que dois-je faire si je reçois un message indiquant que le démarrage sécurisé doit être pris en charge lors de la mise à niveau vers Win11 ? 1. Carte mère ASUS 1. Tout d'abord, passons au chinois, puis appuyons sur F7 sur le clavier pour ouvrir les paramètres avancés en fonction des invites. 3. Sélectionnez ensuite Gestion des clés. 2. Ordinateurs Lenovo 1. Pour les modèles d'ordinateurs Lenovo antérieurs à 2020, vous devez utiliser F2 pour saisir les paramètres du BIOS, puis sélectionner la sécurité ci-dessus. 2. Dans l'onglet Sécurité, supprimez secureboot et remplacez-le par E.

See all articles