HTMLScriptElement : méthode statique supports()
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis septembre 2022.
La méthode statique supports() de l'interface HTMLScriptElement fournit un moyen simple et cohérent de détecter les types de scripts pris en charge par l'agent utilisateur.
La méthode doit retourner true pour les scripts classiques et les modules, qui sont pris en charge par la plupart des navigateurs modernes.
Syntaxe
HTMLScriptElement.supports(type)
Paramètres
type-
Une chaîne de caractères littérale qui indique le type de script dont on souhaite vérifier la prise en charge. Les valeurs prises en charge sont sensibles à la casse et incluent :
"classic"-
Teste si les scripts classiques sont pris en charge. Les « scripts classiques » sont les fichiers JavaScript normaux/traditionnels qui précèdent les modules.
"module"-
Teste si les modules JavaScript sont pris en charge.
"importmap"-
Teste si les cartes d'importation (import maps en anglais) sont prises en charge.
"speculationrules"-
Teste si les règles de spéculation sont prises en charge et activées.
Toute autre valeur fera retourner
falseà la méthode.
Valeur de retour
Retourne true si le type de script indiqué est pris en charge, sinon false.
Exemples
Le code ci-dessous montre comment vérifier si HTMLScriptElement.supports() est défini, et le cas échéant, l'utiliser pour tester la prise en charge de différents types de scripts.
const log = document.getElementById("log");
function checkSupport(type) {
const result = HTMLScriptElement.supports(type) ? "true" : "false";
log.textContent += `HTMLScriptElement.supports('${type}') est ${result}\n`;
}
if (typeof HTMLScriptElement.supports === "undefined") {
log.textContent =
"La méthode HTMLScriptElement.supports() n'est pas prise en charge";
} else {
// Vérifier la prise en charge de différents types de scripts
checkSupport("module");
checkSupport("classic");
checkSupport("importmap");
checkSupport("speculationrules");
// Toute autre valeur retourne false
checkSupport("anything else");
}
Spécifications
| Specification |
|---|
| HTML> # dom-script-supports-dev> |
Compatibilité des navigateurs
Chargement…
Voir aussi
- L'interface
HTMLScriptElement - L'élément HTML
<script> - Les modules JavaScript
- Le constructeur
Worker