谷歌浏览器的“新标签”iframe如何工作
How do Google Chrome's "New Tab" iframes work?
你知道,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>
看看chrome-search://most-visited/thumbnail.js
:
function createThumbnail(src) {...} // creates the thumbnails
您可以尝试删除以下内容
function showDomainElement() {}
如果您不想在新标签页中看到这些内容。我还没有尝试过这个。
这些快照由内部布局引擎生成。但是,您可以使用一些类来做到这一点,例如html2image,DOMPDF等。
相关文章:
- 在新标签上打开链接,IE7-8和safari所有版本都无法使用
- 广告拦截处于活动状态,然后不要打开超链接到新标签
- 在新标签页打开时触发 Chrome 扩展程序
- 使用父标签中的样式属性附加新标签
- 如何测试在Chrome扩展中使用Jasmine打开新标签
- 创建包含预定结构的新标签
- JavaScript禁用”;打开”"打开新标签”;以及“;复制“;长按iOS 8 safari中的锚标签
- <输入>标签工作在这个例子中
- 火狐插件不会打开带有url的新标签
- Chrome扩展程序修改新标签页正文
- 谷歌浏览器移动模拟器:如何强制它在模拟器中也打开新标签
- window.open 会打开一个新标签页,而不是一个新窗口(在 chrome 中)
- 无法使用 Chrome 扩展程序弹出窗口中的按钮打开新标签页
- Symfony - 嵌入表单中的食谱“添加新标签”不起作用
- IMACRO的脚本会打开2个带有特定URL的新标签
- 如何刷新 qtip 标签以在悬停时显示特定按钮的新标签
- 当我打印它新标签时如何保持页面设计 Jquery.
- 创建新标签页时隐藏Chrome扩展程序页面的网址
- 如何制作一个 chrome 扩展程序,以打开带有多个按钮的弹出菜单,这些按钮可在新标签页中打开链接
- 谷歌浏览器的“新标签”iframe如何工作