当前位置:  开发笔记 > 编程语言 > 正文

如何在将bookmarklet拖动到工具栏时设置favicon /图标?

如何解决《如何在将bookmarklet拖动到工具栏时设置favicon/图标?》经验,为你挑选了5个好方法。

我已经自己制作了一个书签,它的功能很好,但是当添加到Opera或Firefox的工具栏中时,它只需要浏览器的默认书签图标(分别是地球仪和星形).我的网站有一个图标,窗口,标签甚至[网站]书签都使用我指定的图标.只是不是我的书签.

如何编写我的网站或书签,以便书签也获得图标?

我知道用户可以使用各种手动hackery技术来设置favicon,但这些都是不合需要的解决方案.



1> Guss..:

bookmarklet使用javascript://模式,因此没有可以加载favicon的域.

因此,目前您无法为书签提供图标.想想这样:记住整个Javascript沙箱的事情 - Javascript可能无法访问运行它的网页域外的任何内容?那么需要绑定到您正在观看的当前页面的任何域的书签,也不能与您自己网站上的图标相关联.

更新:根据Hans Schmucker的回答,有可能创建一个书签,当浏览器加载到书签菜单时,它将生成一个带有图标的HTML文档.推理似乎可能有用,但我还没有看到这样的事情在行动中,我的测试又回来了.



2> monstro..:

以下是如何执行此操作的方法:

    将书签拖到书签栏.

    在它旁边创建一个网站的书签,其中包含您想要用于书签的图标.

    打开"书签管理器",单击"组织"下拉列表,然后选择"导出",将书签另存为html文件.

    在文本编辑器中打开该html文件.

    找到你刚刚创建的书签,让我们说它的Gmail书签,你应该有一个html代码,它看起来像这样:

Gmail

    复制整个ICON标签

    在同一文件中找到您创建的书签,并将您复制的ICON标签插入bookmarklet标签:

MyBookmarklet

    保存此文件

    返回Chrom书签管理器,再次单击"组织",然后选择"导入"

    导入您刚编辑的HTML文件,您的书签现在有一个图标.

基本上,该过程是获取书签标签的ICON属性并将其插入bookmarklet标签

在此输入图像描述



3> 小智..:

这不太正确:书签没有域,但它有一个位置(这是书签本身),你可以为它分配一个图标.之后,这是浏览器如何保存图标的问题(Firefox会永久保存书签的图标,对于其他浏览器,您可能不会那么幸运).

PS安全甚至不玩,图标可以来自任何地方.没有限制.

见http://www.tapper-ware.net/blog/?p=97


虽然推理听起来像它可能会起作用,但您在链接的博客中提供的示例只是生成一个文档,其中包含Firefox可能会或可能不会显示书签的图标,或实际上是在任意页面上运行Javascript的bookmarklet - 但不是两者(在Firefox 7上测试).我仍然不相信这项工作.

4> 小智..:

阅读tapper [ware]和Restafarian网站后,这是我能提出的最简单的解决方案:

Click Me!

在Chrome和FF中效果很好,但FF4是唯一可以在书签栏中保存图标的浏览器.这是它的样子:http://cl.ly/5WNR


该链接不再起作用.有新链接吗?
我不懂.当您将书签拖动到收藏夹栏时(就像使用Delicious书签[这里](http://www.delicious.com/tools)),运行此代码的是什么?我不明白为什么书签会被点击(和代码运行),直到它被保存到收藏夹栏,即浏览器已经确定其图标后?

5> Theo..:

这是一个很好的技术,几乎可以做你想要的.

在我的Mac✅上工作得很好,但我无法在Windows7上工作

使用"表情符号".它们是Unicode字符,恰好看起来像彩色图标.你只能从一个预定义的图像列表中进行选择,但实际上它并不坏,如果你想要做的就是给用户一些东西来提醒他们这些书签的作用.

例如,我正在制作一些"安全密钥"书签.所以我在我的bookmarklet名称中使用!

所以基本上你可以看到书签栏中的图像

使用此网站可帮助您找到适用于您的书签的表情符号:http://emojipedia.org/symbols/

推荐阅读
手机用户2502852037
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有