Javascript Html/CSS制作网站的实时图片

我一直在寻找一个网站上的链接一个实时变化的图片，无论链接带到哪里

---

例如：我有一个指向a页的链接，因此图片将显示a页。如果我想更改a页的颜色，我不必更改链接图片上的任何代码，只需更改页面上颜色的代码，图片就会更改颜色。

您可以使用一个小的

iframe

。我会在页面顶部添加一个链接，以防止与该页面本身发生任何交互。否则，抓取屏幕截图需要的不仅仅是HTML和CSS。

如果我正确理解了您的问题，这些就是您的问题的可能性

使用iframe，这样您就可以随更改更改iframe的源，并且它将反映在使用它的每个地方

如果您使用Jquery、knockout或任何模板引擎，那么您可以创建一个模板。这样您就可以更改它并重用它

---

您可以使用商业服务，如who将为此功能提供API。它比一点CSS/HTML要密集得多。

有一些免费工具可以做到这一点，

您不需要更改映像，但它们使用缓存，您可能需要刷新更新映像的请求

它们使用起来非常简单，因为此链接显示了一个非常小的google快照，您可以在html img标记中使用at：

我的建议： 第一个（mozshot）是开源的，因此您只需下载并编辑它，将其放到您自己的网站即可频繁更新图像，甚至在每次刷新后更新图像（这将是实时的，但需要大量资源）

以下是mozshot的源代码：

---

希望这能有所帮助

因为我正在对此进行更多思考（并做了一些实验），我不确定您是否能够将iframe内容缩放到正确的大小。。。