HTMLScriptElement: `supports()` statische Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Die supports() statische Methode des HTMLScriptElement-Interfaces bietet eine einfache und konsistente Methode, um zu erkennen, welche Arten von Skripten vom Benutzeragenten unterstützt werden.

Es wird erwartet, dass die Methode true für klassische und Modulscripte zurückgibt, die von den meisten modernen Browsern unterstützt werden.

Syntax

HTMLScriptElement.supports(type)

Parameter

type

Ein string-Literal, das den Typ des Skripts angibt, für das die Unterstützung überprüft werden soll. Unterstützte Werte sind case-sensitiv und beinhalten:

"classic": Test, ob klassische Skripte unterstützt werden. "Klassische" Skripte sind die normalen/ traditionellen JavaScript-Dateien, die vor Modulscripten existierten.
"module": Test, ob Modulscripte unterstützt werden.
"importmap": Test, ob Importmaps unterstützt werden.
"speculationrules": Test, ob Speculation Rules unterstützt und aktiviert sind.

Jeder andere Wert führt dazu, dass die Methode false zurückgibt.

Rückgabewert

Gibt true zurück, wenn der angegebene Skripttyp unterstützt wird, und false andernfalls.

Beispiele

Der folgende Code zeigt, wie überprüft wird, ob HTMLScriptElement.supports() definiert ist, und falls ja, wie es verwendet wird, um zu testen, ob bestimmte Arten von Skripten unterstützt werden.

const log = document.getElementById("log");

function checkSupport(type) {
  const result = HTMLScriptElement.supports(type) ? "true" : "false";
  log.textContent += `HTMLScriptElement.supports('${type}') is ${result}\n`;
}

if (typeof HTMLScriptElement.supports === "undefined") {
  log.textContent = "HTMLScriptElement.supports() method is not supported";
} else {
  // Check if various script types are supported
  checkSupport("module");
  checkSupport("classic");
  checkSupport("importmap");
  checkSupport("speculationrules");
  // Any other value will cause the method to return false
  checkSupport("anything else");
}

<textarea id="log" rows="6" cols="80"></textarea>

Spezifikationen

Specification
HTML # dom-script-supports-dev