javascript - 将 YouTube 上的 favicon 替换为控制台中的 jquery 字符串

Question

我需要将 href 替换为 href"https://www.google.com/favicon.ico" 之类的内容

<link rel="shortcut icon" href="https://s.ytimg.com/yts/img/favicon-vfl8qSV2F.ico" type="image/x-icon">

如何使用 jquery/javascript 字符串执行此操作？

到目前为止我的建议:这应该适用于标签，但似乎不适用于 <link>标签。

$("link[href='https://s.ytimg.com/yts/img/favicon-vfl8qSV2F.ico']").attr('href', 'https://www.google.com/favicon.ico')

我正在寻找一种快速方法来替换网页上的网站图标，而无需在控制台中执行 JavaScript 字符串。

Answer 1

link 元素的 href 属性中可能没有快捷方式图标的完整路径，它可能是相对路径。搜索属性会准确搜索该属性中的文本。

我会寻找 rel 属性:

$("link[rel='shortcut icon']").attr("href", "https://www.google.com/favicon.ico");

或者您可以使用“ends with”形式的属性选择器(更多 in the spec ):

$("link[href$='/favicon-vfl8qSV2F.ico']").attr("href", "https://www.google.com/favicon.ico");

...但我会使用rel。

<小时/>

您说过要向页面添加 jQuery 来执行此操作。没必要，用 DOM 代替:

document.querySelector("link[rel='shortcut icon']").href = "https://www.google.com/favicon.ico";