javascript - 使用 js 添加/更改 favicon

标签 javascript favicon bookmarklet

我正在制作一个书签,它将打开一个菜单,您可以在其中更改网站图标和标题,并有预设。我同意更改标题,但我不知道如何添加网站图标。我试图这样做,而不必找到网站图标,而是添加一个图标元素。我尝试过以下方法:

javascript:$('head').append('<link rel="shortcut icon" type="image/png" href='https://ssl.gstatic.com/docs/doclist/images/infinite_arrow_favicon_5.ico"/>');

这将是一些代码,据说可以将图标更改为谷歌驱动器符号,但它对我不起作用。在不知道特定元素类或 id 的情况下,如何通过插入一个全新的元素来将网站图标注入(inject)到网站中。

最佳答案

试试这个代码:

var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
link.type = 'image/png';
link.rel = 'shortcut icon';
link.href = 'https://ssl.gstatic.com/docs/doclist/images/infinite_arrow_favicon_5.ico';
document.getElementsByTagName('head')[0].appendChild(link);

关于javascript - 使用 js 添加/更改 favicon,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58947205/

相关文章:

javascript - 此 php 正则表达式边界集的等效 JavaScript 正则表达式是什么?

javascript - 在 meteor (使用 meteor 路由器)中处理闪光通知的好方法是什么?

.net-core - .Net Core 的控制台应用程序 list 图标未更新

javascript - 使用 Javascript Bookmarklet 按标题对页面内容进行分块

javascript - 是否可以从书签进行 ajax 调用?

javascript - 将 Chrome 扩展程序转换为书签

javascript - 在 Javascript 中使用小数点

javascript - 在acrobat javascript中发送get请求

java - 创建一个url字符串以在java中获取一个图标

html - 一个非常奇怪的图像/图标文件(单个文件包含具有 3 种不同尺寸的相同图像)