HTMLScriptElement : méthode statique supports()

Baseline Large disponibilité

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.

Dans cet article

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.

js
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");
}