首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >当bookmarklet拖到工具栏时,如何设置图标/图标?

当bookmarklet拖到工具栏时,如何设置图标/图标?
EN

Stack Overflow用户
提问于 2009-02-06 16:39:51
回答 9查看 31.9K关注 0票数 113

我给自己做了一个bookmarklet,它的功能很好,但当添加到Opera或Firefox的工具栏中时,它只会显示浏览器的默认书签图标(分别是一个地球和一个星形)。我的网站有一个收藏夹图标,窗口、标签甚至站点书签都使用我指定的收藏夹图标。只是不是我的书签。

我如何编写我的站点或书签小程序,以便书签小程序也获得收藏夹图标?

我知道用户可以使用各种手动黑客技术在事后设置收藏夹图标,但这些都是不可取的解决方案。

EN

回答 9

Stack Overflow用户

发布于 2009-02-27 00:34:31

书签小程序使用javascript://模式,因此没有可从中加载收藏夹图标的域。

因此,目前还没有办法为书签小程序提供一个收藏图标。想一想:还记得Javascript沙箱的事情吗-- Javascript可能不会访问它正在运行的网页域外的任何东西?一个需要绑定到你正在观看的当前页面的域名的bookmarklet,不能也绑定到你自己网站上的一个收藏图标上。

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

票数 24
EN

Stack Overflow用户

发布于 2016-11-05 22:59:57

下面是你如何做到这一点:

  1. 将你的书签拖到书签栏。在它旁边的
  2. 创建一个网站的书签,然后点击“组织”下拉菜单,选择“导出”,将你的书签保存为html文件。
  3. 在文本编辑器中打开html文件。
  4. 找到您刚刚创建书签,假设是它的Gmail书签,您应该有它的html代码,如下所示:

<DT><A HREF="http://mail.google.com/mail/u/0/#inbox" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABV0lEQVQ4jdWQzUoCYRiFnxl/0plso0IKX7mqXWCLIlq0qEW4d19Qi6BLCELwEgpvQbyAVrroCrSNUJFGAyrkEEEMNs5PCxtRHGsZneX7nedwzgd/LQngObfnykIQOj9Disd/BFxdZ3hVwtE0Mje3kuw9OJqGWSji1BtzYafeGHk0jTdzCIA8aXANA/O6hFWuzMBWuYJ5XcI1DF6MAY8fxmxAYHdnZK7WMAtFXF3H1XXMQhGrWsN2XR5WM/QGn2MmOBkQOj5CFoJhuTKe5DUzbJvW1jbWZhbqd/4BAIGDfSQhGH7XBehLMlruEGlFzEyTZy6AvL5G+PICWQja6iJaPu8L+zbw9B4MYpyeEB4MkF7782z+AZ1OD0WNkk4vA7AUi/HUav8eYNsOnW6XZCJBJLIwvieTcVQ1SrN5j2XbUwFTf9DpdkmnUlOwJ0VRyGY3UBVl7px/qi+cdYQvZvKCUwAAAABJRU5ErkJggg==">Gmail</A>

  1. 将整个图标标记
  2. 复制到同一文件中找到您创建的书签小程序,然后将复制的图标标记插入到 bookmarklet 标记中:

<DT><A HREF="javascript:(function(){... bookmarklet JS code...})();" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABV0lEQVQ4jdWQzUoCYRiFnxl/0plso0IKX7mqXWCLIlq0qEW4d19Qi6BLCELwEgpvQbyAVrroCrSNUJFGAyrkEEEMNs5PCxtRHGsZneX7nedwzgd/LQngObfnykIQOj9Disd/BFxdZ3hVwtE0Mje3kuw9OJqGWSji1BtzYafeGHk0jTdzCIA8aXANA/O6hFWuzMBWuYJ5XcI1DF6MAY8fxmxAYHdnZK7WMAtFXF3H1XXMQhGrWsN2XR5WM/QGn2MmOBkQOj5CFoJhuTKe5DUzbJvW1jbWZhbqd/4BAIGDfSQhGH7XBehLMlruEGlFzEyTZy6AvL5G+PICWQja6iJaPu8L+zbw9B4MYpyeEB4MkF7782z+AZ1OD0WNkk4vA7AUi/HUav8eYNsOnW6XZCJBJLIwvieTcVQ1SrN5j2XbUwFTf9DpdkmnUlOwJ0VRyGY3UBVl7px/qi+cdYQvZvKCUwAAAABJRU5ErkJggg==">MyBookmarklet</A>

  1. 保存此文件并返回到Chrom书签管理器,再次单击组织,然后选择您刚刚编辑的Import
  2. Import
  3. 文件,您的书签现在有了一个favicon.

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

票数 21
EN

Stack Overflow用户

发布于 2010-06-17 21:19:36

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

另外,安全性甚至不会影响到它,图标可以来自任何地方。没有任何限制。

请参阅http://www.tapper-ware.net/blog/?p=97

票数 13
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/521040

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档