Google 크롬의 '새 탭'iframe은 어떻게 작동합니까?

가장 많이 방문한 웹 사이트를 보여주는 8 개의 작은 iframe이 있습니다. 그들은 웹 사이트의 스냅 샷을 어떻게 얻습니까? 그들은 어떤 웹 사이트를 사용할 지 어떻게 결정합니까? 그들이 어떻게 일하는가.Google 크롬의 '새 탭'iframe은 어떻게 작동합니까?

편집 : 내가 비슷한 것을 할 수 있도록.

편집 2 : 프로그래밍되지 않습니까? 웹 사이트의 스냅 샷을 취하는 iframe을 코딩하는 방법을 묻습니다.

출처

2013-10-24 Carter Of Earth

프로그래밍 질문이 없습니다 .... –

이 경우 브라우저에서 내부적으로 수행되는 경우가 많지만 웹 페이지의 스크린 샷을 찍을 수는 있습니다 캔버스를 사용합니다. http://stackoverflow.com/questions/4912092/using-html5-canvas-javascript-to-take-screenshots –

웹킷의 헤드리스 버전 인 캔바스를 금지합니다. createThumbnail (SRC) {...}의 축소판이 당신이 기능 showDomainElement의 내용을() {} 제거를 시도 할 수 있습니다 생성 기능 //most-visited/thumbnail.js : – ceejayoz

그림을 표시하는 내부 방법을 사용합니다 (이 경우, chrome-search://thumb/53/22)? 근원 좀 봐 왔어? 당신이 그를 표시하지 않으려면

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

당신이

function showDomainElement() {}

의 내용을 제거하려고 할 수 있습니다

<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에서보세요 새 탭 페이지. 나는 이것을 시도하지 않았다.

출처

2013-10-24 18:37:44 h2ooooooo

크롬 검색에서보세요 새 탭 페이지에 표시하지 않으려는 경우 ..이 방법을 사용하지 않았습니다. – ganesh

이러한 스냅 샷은 내부 레이아웃 엔진에 의해 생성됩니다. 그러나 html2image, DOMPDF 등과 같은 클래스를 사용하여 수행 할 수 있습니다.

출처

2013-10-24 18:37:46

Google 크롬의 '새 탭'iframe은 어떻게 작동합니까?

답변

관련 문제