@acifani/url-polyfill 中文文档教程

Question

Polyfill URL and URLSearchParams to match last WHATWG specifications

在大多数用例中兼容，但不是 100%（如 unicode 字符、punycode 等）

在 IE 10+

Install

npm i url-polyfill --save

Currently supported

window.URL

文档上测试：https://developer.mozilla.org/en-US/docs/Web/API/URL

支持：'hash'、'host'、'hostname'、'href'、'port'、'protocol'、'search'、'toString'、'pathname'、'origin'、'searchParams'

示例：

const url = new URL('https://www.example.com:8080/?fr=yset_ie_syc_oracle&type=orcl_hpset#page0');

• hash: "page0"
• host: "www.example.com:8080"
• hostname: "www.example.com"
• href: "https://www.example.com:8080/?fr=yset_ie_syc_oracle&type=orcl_hpset#page0"
• origin: "https://www.example.com:8080"
• pathname: "/"
• port: "8080"
• protocol: "https:"
• search: "?fr=yset_ie_syc_oracle&type=orcl_hpset"
• searchParams: URLSearchParams (see next)

window.URLSearchParams

文档：https ://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams

支持：'append', 'delete', 'get', 'getAll', 'has', 'set', 'forEach', 'keys', 'values', 'entries', 'toString', 'Symbol.iterator'

示例：

const url = new URL('https://www.example.com/?fr=yset_ie_syc_oracle&type=orcl_hpset#page0');
url.searchParams.append('page', 0);
console.log(url.toString()); // print: "https://www.example.com/?fr=yset_ie_syc_oracle&type=orcl_hpset&page=0#page0"