Javascript 谷歌Chrome如何'；s"；新标签"；iframes有效吗？_Javascript_Php_Jquery_Html_Css

Javascript 谷歌Chrome如何'；s"；新标签"；iframes有效吗？

javascript php jquery html css

Javascript 谷歌Chrome如何'；s"；新标签"；iframes有效吗？,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,你知道，8个小iFrame显示了你访问量最大的网站。他们如何获得网站的快照？他们如何决定使用哪些网站？它们是如何工作的编辑：这样我可以做类似的事情编辑2：这不是编程吗？我问的是如何编写一个iframe来拍摄网站快照使用显示图片的内部方法（在本例中；chrome-search://thumb/53/22）？你看了来源了吗 <html> <head> <meta charset="utf-8"> <link re

你知道，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>

您可以尝试删除的内容

    function showDomainElement() {}

如果您不想在新选项卡页面中看到这些内容。我还没有尝试过。这些快照是由内部布局引擎生成的。但是，你可以用一些类来完成，比如html2image、DOMPDF等。

这不是一个编程问题……在这种情况下，它可能是在浏览器内部完成的，但你可以用画布截图。除了画布，Webkit的无头版本可以工作。看看chrome-search://most-visited/thumbnail.js 函数createThumbnail（src）{…}创建缩略图。如果不想在新选项卡页中看到这些内容，可以尝试删除函数showDomainElement（）的内容。。我还没有尝试过。

    function showDomainElement() {}