URL.canParse API All In One

// Proper usage
if (URL.canParse('https://davidwalsh.name/pornhub-interview')) {
  const parsed = new URL('https://davidwalsh.name/pornhub-interview');
}

https://caniuse.com/?search=canParse

URL Standard

https://url.spec.whatwg.org/

Node.js

https://nodejs.org/api/url.html#urlcanparseinput-base

MDN

The URL.canParse() static method of the URL interface returns a boolean indicating whether or not an absolute URL, or a relative URL combined with a base URL, are parsable and valid.

URL 接口的 URL.canParse() 静态方法返回一个布尔值，指示绝对 URL 或与基本 URL 组合的相对 URL 是否可解析且有效。

URL.canParse(url)
URL.canParse(url, base)

https://developer.mozilla.org/en-US/docs/Web/API/URL/canParse_static

demos

URL.canParse() not supported ❌

const logElement = document.getElementById("log");
function log(text) {
  logElement.innerText += `${text}\n`;
}

if ("canParse" in URL) {
  log("Test valid absolute URL");
  let url = "https://developer.mozilla.org/";
  let result = URL.canParse(url);
  log(` URL.canParse("${url}"): ${result}`);

  log("\nTest relative URL with no base URL");
  url = "/en-US/docs";
  result = URL.canParse(url);
  log(` URL.canParse("${url}"): ${result}`);

  log("\nTest relative URL with valid base URL");
  let baseUrl = "https://developer.mozilla.org/";
  result = URL.canParse(url, baseUrl);
  log(` URL.canParse("${url}","${baseUrl}"): ${result}`);
} else {
  log("URL.canParse() not supported");
}

if ("canParse" in URL) {
  log("\nTest relative URL with base URL supplied as a URL object");
  let baseUrl = new URL("https://developer.mozilla.org/");
  let url = "/en-US/docs";
  result = URL.canParse(url, baseUrl);
  log(` URL.canParse("${url}","${baseUrl}"): ${result}`);
}