Question

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

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

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

Answer 1

使用显示图片的内部方法（在这种特殊情况下，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() {}

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

Answer 2

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

Google Chrome的“新标签”iframe如何运作？

2 个答案: