我正在教授 HTML/CSS 课程，我喜欢在学生必须与页面外观相匹配的地方布置作业。问题是，如果我只是给他们一个指向页面的链接，他们就可以准确地弄清楚我是如何创建它并复制我的作品的。将页面投影到屏幕上也效果不佳，因为每个学生都在不同的地方，需要查看页面的不同部分（而且他们可以看到 URL）。
我实际上并不需要它是一个“真正的”网页，因为它们只需要与外观相匹配。例如，如果 PDF 或图像文件正确显示整个页面，它就可以正常工作。
我还没有找到一种方法来创建包含整个站点的单个PDF 页面；相反，所有 PDF 创建者都希望将网页分成几个可打印的页面，这使得很难理解原始页面的实际外观。
同样，我还没有找到一种方法来捕获页面的（非常长和瘦的）图像。屏幕截图工具仅捕获页面的可见部分。
谁能想到我可以做到这一点的方法？如果它是“实时”的，则可以加分，这样我就可以炫耀 Javascript 的东西。