如何自定义Chrome或Firefox速拨缩略图?

9

为了一个有趣的项目,我正在网站上实现一个小缩略图页面,为新标签页上的小网站预览提供特别定制的视图。最终目标是在用户需要访问网站之前向其呈现相关信息(例如:经常访问的天气网站,可以在缩略图页面上显示今天的天气,以便用户一目了然)。


Opera会通过检测来实现这一点。

X-Purpose: preview

同样,Safari使用相同的标头,但需要额外的JS来维护一致的缩略图。
//On primary page
if (window.navigator.loadPurpose === 'preview') { /* go to thumbnail page */ }

//On thumbnail page
if (window.navigator.loadPurpose !== 'preview') { /* return to main page */ }

我想知道是否可以在Chrome或Firefox中复制这种效果(Aurora构建中提供的新速拨)?

注意:Chrome大约两个版本前的X-Purpose: preview头是一个意外,本意是X-Purpose: instant,并不起到此作用。


1
我不知道你可以这样做!我得查一下。 - Michael Slade
顺便说一句,在Opera浏览器中,你可以在“快速访问”页面创建扩展,这样可以让你实现这个功能和更多。在这篇文章中有详细的教程:http://dev.opera.com/articles/view/creating-opera-speed-dial-extensions/ (如果你已经知道了,我道歉)。 - shwetank
旧版Opera(12及以下版本)使用apple-touch-icon作为缩略图(如果有的话)。我想知道这样的东西是否会成为标准... - Nux
2个回答

2
据我所知,Chrome和Firefox的速度拨号缩略图仅在您访问页面时才会填充 - 即它们是从正常浏览上下文中获取的,具有正常的标头,而不是独立查询的结果。
您可以通过多种方式进行测试 - 我没有花费太长时间来测试它,您可能与我使用的Firefox / Chrome版本不同,因此可能会看到不同的结果。
1. 在Chrome中 - 将一个或两个选项卡固定在Speed-dial中,然后清空浏览器历史记录。 缩略图应该会消失,直到您重新访问固定的页面。 2. 在Firefox中 - 上述方法也适用,但您还可以尝试直接使用moz-page-thumb:// URL协议生成缩略图:
(请在您运行的任何版本中进行测试,因为我对这个问题也很好奇 - 我的研究到目前为止令人失望,但将来可能会有所改善...)
其他参考资料:

-1

这个问题是关于网站如何在大多数浏览器提供的常访问网站列表上呈现自定义图标,而不是一个速拨扩展程序。 - anthonyryan1

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接