对学生隐藏HTML

我在教一门HTML/CSS课程，我喜欢给学生布置作业，让他们必须匹配页面的外观。问题是，如果我只给他们一个指向该页面的链接，他们就可以准确地知道我是如何创建该页面的，并复制我的工作。在屏幕上投影页面也不太好，因为每个学生都在不同的地方，需要看到页面的不同部分（另外，他们可以看到URL）

我其实并不需要它是一个“真正的”网页，因为它们只是要匹配的外观。例如，如果PDF或图像文件能够正确显示整个页面，则可以正常工作

我还没有找到一种方法来创建一个包含整个站点的单个PDF页面；取而代之的是，所有的PDF创建者都希望将网页切碎成几个可打印的页面，这使得很难理解原始页面的实际外观

类似地，我还没有找到一种方法来捕获页面的（非常长而且很瘦）图像。屏幕截图工具仅捕获页面的可见部分

---

有人能想出一个办法让我做到这一点吗？如果它是“实时的”，那么我就可以炫耀Javascript的东西了。

你可以使用一个叫做网页快照的Chrome扩展。它将制作整个页面的屏幕截图

以下是链接：

您可以使用“ExtensionAwesome Screenshot”是一个chrome扩展

---

因此，您可以保存整个页面、部分页面等的屏幕截图。

所以我认为Chrome的“另存为PDF”功能不足以。。。？我使用FireFox和一个屏幕快照插件，它还可以捕获不可见的滚动（整个）页面@jcry87比你快，所以我把他的答案打对了，但这也是一个很好的答案。谢谢