谷歌浏览器的“新标签”iframe如何工作 - How do Google Chrome's "New Tab" iframes work?

How do Google Chrome's "New Tab" iframes work?

你知道，8个小iframe显示了你访问量最大的网站。他们如何获取网站的快照？他们如何决定使用哪些网站？它们是如何工作的。

编辑：这样我就可以做类似的事情。

编辑2：这不是编程吗？我问如何编写一个拍摄网站快照的 iframe。

通过使用显示图片的内部方法（在此特殊情况下; chrome-search://thumb/53/22 ）？你看过来源吗？

<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="common.css">
        <link rel="stylesheet" href="thumbnail.css">
        <script src="util.js"></script>
        <script src="thumbnail.js"></script>
    </head>
    <body dir="ltr">
        <a href="http://www.reddit.com/" ping="/log.html?pos=1" title="reddit: the front page of the internet" target="_top" tabindex="-1" style="color: rgb(119, 119, 119); font-size: 11px; font-family: arial, sans-serif;">
            <span class="shadow"></span>
            <!-- RIGHT HERE! -->
            <img src="chrome-search://thumb/53/22">
        </a>
    </body>
</html>

看看chrome-search://most-visited/thumbnail.js：

    function createThumbnail(src) {...} // creates the thumbnails

您可以尝试删除以下内容

    function showDomainElement() {}

如果您不想在新标签页中看到这些内容。我还没有尝试过这个。

这些快照由内部布局引擎生成。但是，您可以使用一些类来做到这一点，例如html2image，DOMPDF等。