Cómo detectar el soporte para el atributo de "ámbito" de estilo

¿Hay alguna testing recomendada para determinar si el browser del usuario admite el atributo "scoped" en los elementos "style"?

2 Solutions collect form web for “Cómo detectar el soporte para el atributo de "ámbito" de estilo”

No creo que haya una testing recomendada, pero acabo de escribir una, y la recomendaré

var is_scoped = (function(s) { s.setAttribute('scoped', 'true'); return !!s.scoped; })(document.createElement('style')); 

para ser utilizado como

 if ( is_scoped ) { // scoped styles are supported } 

VIOLÍN

los styles con ámbito actual solo se admiten en el último Firefox.

Escrito un poco más detallado, es más fácil ver qué está pasando

 var style = document.createElement('style'); style.setAttribute('scoped', 'true'); var is_scoped = style.scoped === true; 

Creamos una label de estilo y establecemos el atributo de ámbito en verdadero.
En los browseres que admiten el scope, eso también establece la propiedad de scope subyacente, por lo que style.scope sería true para los browseres compatibles, y los browseres no compatibles no estarían undefined .

Esta es la forma habitual de search soporte para una multitud de características, y funciona igual de bien con el scoped .

Puedes probar esto …

 var is_scoped = (function(s) { return 'scoped' in s; })(document.createElement('style')); 
  • Desmarque todas las demás casillas de verificación
  • JavaScript, CSS: Clip para estar dentro del DIV padre
  • evento javascript en el estilo css cambio de bloque a ninguno
  • CSS: cambiar el padre en el foco del niño
  • ¿Cómo ocultar la dirección URL que se muestra en la parte inferior de los documentos cuando se imprime algo desde un website?
  • Ayudame a entender JS + CSS + HTML = Cool UI
  • Forma rápida de alinear alturas de fila en 2 tablas diferentes
  • ¿Cambiar el color de la barra de navigation después de desplazarse?
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.