隐藏学生的HTML

时间:2013-10-14 01:39:34

标签: html css pdf

我正在教HTML / CSS课程,我喜欢在学生必须匹配页面外观的地方进行作业。问题是,如果我只是给他们一个页面链接,他们就可以确切地知道我是如何创建它并复制我的工作的。在屏幕上投影页面也不能正常工作,因为每个学生都在不同的地方,需要查看页面的不同部分(加上他们可以看到URL)。

我实际上并不需要它是一个“真正的”网页,因为它们只需匹配外观。例如,如果PDF或图像文件正确显示整个页面,它将正常工作。

我还没有找到一种方法来创建一个包含整个网站的单个 PDF页面;相反,所有的PDF创建者都希望将网页分成几个可打印的页面,这使得很难理解原始页面实际上是什么样的。

同样,我还没有找到一种方法来捕获页面的(非常长和瘦)图像。屏幕截图工具仅捕获页面的可见部分。

有人能想到我能做到这一点的方法吗?奖励积分,如果它是“现场”,所以我可以展示Javascript的东西。

2 个答案:

答案 0 :(得分:1)

您可以使用名为网页快照的Chrome扩展程序。它将截取整个页面。

这是链接:

https://chrome.google.com/webstore/detail/webpage-screenshot-captur/ckibcdccnfeookdmbahgiakhnjcddpki?hl=en

答案 1 :(得分:1)

您可以使用“ExtensionAwesome屏幕截图”是Chrome扩展程序ExtensionAwesome Screenshot

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