我已经自己制作了一个书签,它的功能很好,但是当添加到Opera或Firefox的工具栏中时,它只需要浏览器的默认书签图标(分别是地球仪和星形).我的网站有一个图标,窗口,标签甚至[网站]书签都使用我指定的图标.只是不是我的书签.
如何编写我的网站或书签,以便书签也获得图标?
我知道用户可以使用各种手动hackery技术来设置favicon,但这些都是不合需要的解决方案.
bookmarklet使用javascript://
模式,因此没有可以加载favicon的域.
因此,目前您无法为书签提供图标.想想这样:记住整个Javascript沙箱的事情 - Javascript可能无法访问运行它的网页域外的任何内容?那么需要绑定到您正在观看的当前页面的任何域的书签,也不能与您自己网站上的图标相关联.
更新:根据Hans Schmucker的回答,有可能创建一个书签,当浏览器加载到书签菜单时,它将生成一个带有图标的HTML文档.推理似乎可能有用,但我还没有看到这样的事情在行动中,我的测试又回来了.
以下是如何执行此操作的方法:
将书签拖到书签栏.
在它旁边创建一个网站的书签,其中包含您想要用于书签的图标.
打开"书签管理器",单击"组织"下拉列表,然后选择"导出",将书签另存为html文件.
在文本编辑器中打开该html文件.
找到你刚刚创建的书签,让我们说它的Gmail书签,你应该有一个html代码,它看起来像这样:
复制整个ICON标签
在同一文件中找到您创建的书签,并将您复制的ICON标签插入bookmarklet标签:
保存此文件
返回Chrom书签管理器,再次单击"组织",然后选择"导入"
导入您刚编辑的HTML文件,您的书签现在有一个图标.
基本上,该过程是获取书签标签的ICON属性并将其插入bookmarklet标签
这不太正确:书签没有域,但它有一个位置(这是书签本身),你可以为它分配一个图标.之后,这是浏览器如何保存图标的问题(Firefox会永久保存书签的图标,对于其他浏览器,您可能不会那么幸运).
PS安全甚至不玩,图标可以来自任何地方.没有限制.
见http://www.tapper-ware.net/blog/?p=97
阅读tapper [ware]和Restafarian网站后,这是我能提出的最简单的解决方案:
Click Me!
在Chrome和FF中效果很好,但FF4是唯一可以在书签栏中保存图标的浏览器.这是它的样子:http://cl.ly/5WNR
这是一个很好的技术,几乎可以做你想要的.
在我的Mac✅上工作得很好,但我无法在Windows7上工作
使用"表情符号".它们是Unicode字符,恰好看起来像彩色图标.你只能从一个预定义的图像列表中进行选择,但实际上它并不坏,如果你想要做的就是给用户一些东西来提醒他们这些书签的作用.
例如,我正在制作一些"安全密钥"书签.所以我在我的bookmarklet名称中使用!
所以基本上你可以看到书签栏中的图像
使用此网站可帮助您找到适用于您的书签的表情符号:http://emojipedia.org/symbols/