谷歌浏览器的“新标签”iframe如何工作？

您知道，显示您访问量最高的网站的8个小内嵌框架。他们如何获得网站的快照？他们如何决定使用哪些网站？他们是如何工作的。谷歌浏览器的“新标签”iframe如何工作？

编辑：所以我可以做类似的事情。

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

2013-10-24 Carter Of Earth

不是一个编程问题.... –

在这种情况下，它可能在浏览器内部完成，但你可以稍微截取一个网页使用画布。 http://stackoverflow.com/questions/4912092/using-html5-canvas-javascript-to-take-screenshots –

除了画布，Webkit的无头版本的作品。 – ceejayoz

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

的内容，如果你不希望看到的那些在新标签页中。我没有试过这个。

来源

2013-10-24 18:37:44 h2ooooooo

看一看铬搜索：//most-visited/thumbnail.js 功能createThumbnail（SRC）{...}创建缩略图你可以尝试删除功能showDomainElement的）中的内容（{} 如果你不想看到新标签页中的那些..我没有试过这个。 – ganesh

这些快照由内部布局引擎生成。但是，你可以做一些类，如html2image，DOMPDF等

来源

2013-10-24 18:37:46

谷歌浏览器的“新标签”iframe如何工作？

回答

相关问题