谷歌瀏覽器的「新標籤」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如何工作？

回答

相關問題