Question

使用全新安装的Firefox，我会看到包含这些图标/页面的起始页面：

将鼠标悬停在“自定义Firefox”框中，图片会更改为：

Firefox的正常行为是为起始页面图像创建某种截图。但是，看起来可能有一种方法可以控制显示的图像以及将鼠标悬停在每个图像上时显示的图像。

在Firefox开始页面上获取图像自定义需要哪些HTML标记或HTTP标头？

更新

稍微挖掘一下，我看到“Get Firefox for Android”选项的以下HTML：

<div xmlns="http://www.w3.org/1999/xhtml" class="newtab-cell">
  <div class="newtab-site" draggable="true" type="history" pinned="true">
    <span class="newtab-sponsored">SPONSORED</span>
    <a class="newtab-link" title="Get Firefox for Android http://mzl.la/1Dls1DC" href="http://mzl.la/1Dls1DC">
      <span class="newtab-thumbnail placeholder"></span>
      <span class="newtab-thumbnail thumbnail" style="background-image: url(&quot;https://tiles-cloudfront.cdn.mozilla.net/images/a15c0403863847aef5943a6272cd992335f330f9.59611.png&quot;);"></span>
      <span class="newtab-thumbnail enhanced-content" style="background-image: url(&quot;https://tiles-cloudfront.cdn.mozilla.net/images/ef8c1bab9b54c37fddbd8eeb15faf733571fc9f9.64436.png&quot;);"></span>
      <span class="newtab-title">Get Firefox for Android</span>
    </a>
    <input title="Unpin this site" class="newtab-control newtab-control-pin" type="button" />
    <input title="Remove this site" class="newtab-control newtab-control-block" type="button" />
    <span class="newtab-suggested"></span>
  </div>
</div>

“正常”条目看起来更像是这样：

<a xmlns="http://www.w3.org/1999/xhtml" class="newtab-link" title="Twilio Console https://www.twilio.com/console" href="https://www.twilio.com/console">
  <span class="newtab-thumbnail placeholder"></span>
  <span class="newtab-thumbnail thumbnail" style="background-image: url(&quot;moz-page-thumb://thumbnail/?url=https%3A%2F%2Fwww.twilio.com%2Fconsole&amp;revision=4346&quot;);"></span>
  <span class="newtab-thumbnail enhanced-content"></span>
  <span class="newtab-title">twilio.com</span>
</a>

newtab-thumbnail thumbnail范围似乎是悬停的工作方式，newtab-thumbnail enhanced-content范围是显示的非悬停图像。

Answer 1

我只是猜测，因为我无法明确知道这是否属实，但看起来新的标签区块数据是通过OpenGraph元数据标签提取的。例如，在MDN页面上：

<meta property="og:type" content="website">
<meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png">
<meta property="og:site_name" content="Mozilla Developer Network">
<meta property="og:description" content="The Mozilla Developer Network (MDN) provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS.">
<meta property="og:title" content="Mozilla Developer Network">

Answer 2

这个问题的简短回答是：否。目前无法影响Firefox在新标签页上显示的图像。

经过多次挖掘后，我终于弄清楚发生了什么。 Mozilla将页面称为＆＃34;新标签页面＆＃34;不是＆＃34;开始页面＆＃34;。 Mozilla称之为瓷砖＆＃34;目录链接＆＃34;有关目录链接提供商可以包含的内容的一系列规则：

http://gecko.readthedocs.io/en/latest/browser/browser/DirectoryLinksProvider.html

注意browser.newtabpage.directory.source和browser.newtabpage.directory.ping有两种配置选项。目录链接提供程序必须指向https://tiles.services.mozilla.com/作为基本URI。此策略由浏览器本身强制执行。示例提供程序是：

https://tiles.services.mozilla.com/v3/links/fetch/en-US/release

显示用户在全新安装中看到的内容。无法通过HTML页面或Javascript提供元数据等，以提供新标签页的提示。 “新标签页”独立存在，并且内置了严格的规则以防止用户跟踪（例如，不发送cookie）。我打赌很大一部分原因是用户隐私和浏览器安全性。想象一下，每次打开新选项卡时，都可以通过“新标签页”跟踪用户习惯，或者通过JPEG库中的错误反复感染计算机。这有点令人失望，因为Firefox为大多数网站生成的缩略图看起来非常糟糕。

Answer 3

也许您可以通过输入

来查看

about:config

我没有完全爬过它，但我已经找到了browser.newtabpage.directory.source

也许这就是你要找的东西，这只是一个快速的想法，不能保证在这里正确的轨道。

如何告诉Firefox启动页面使用特定图像？

3 个答案: