javascript - 如何根据共享位置将查询参数添加到 Navigator.share() 中的 URL？

Question

我正在使用window.navigator.share({url}). 这使得它与url设备中的所有应用程序共享相同。

utm是否可以为每个应用程序添加特定的查询参数（我想添加参数）？

例如，如果用户选择了 WhatsApp 进行分享，那么我可以将参数添加?utm_source=Whatsapp到 URL。

Answer 1

您可以使用URLSearchParams接口。

let url = new URL('https://example.com/some/path?foo=1&bar=2');
let params = new URLSearchParams(url.search.slice(1));

params.set('utm', 'whatsapp')

// params.toString() : "foo=1&bar=2&utm=whatsapp"
url.search = params.toString()

console.log(url.href)
// "https://example.com/some/path?foo=1&bar=2&utm=whatsapp"