如何用php/javascript抓取当前网页？

Question

我制作了以下网页，用于生成交互式待办事项列表：http://robert-kent.com/todo/todo.php

基本上，用户粘贴一个带编号的待办事项列表，并将每个任务放入具有唯一id的自己的div中。用户可以向任务添加注释(使用javascript完成)，并且可以在任务完成时单击绿色复选标记将其隐藏。

我想添加一个Export按钮，它将生成一个报告，报告哪些任务已经完成，哪些任务没有完成，以及用户输入的注释。经过一番搜索，我知道我想要做的是抓取页面，但我一点也不知道最好的方法是什么。我在Google上找到的许多文章和教程都涉及到抓取其他站点，并没有真正解释我如何迭代页面上的每个div。

完整来源：http://pastebin.com/r7V3P5jK

有什么建议吗？

Answer 1

不幸的是，您所描述的提供"Export“特性的方法是完全错误的。您的页面应该使用一个参数提交回服务器，该参数指示需要“导出”。然后，服务器应该将"Content-Disposition“头设置为类似attachment; filename="export.txt"的名称(或您希望的文件名)。

Answer 2

如果有包含要导出内容的div，则只需使用innerHTML属性导出HTML代码。例如，假设div的id为'notes'：

var notes = document.getElementById('notes');
alert(notes.innerHTML);

现在，如何让用户将实际的HTML保存到一个文件中呢？您需要将其发送到服务器上的CGI或类似的位置，该服务器将使用以下标头发回内容：

Content-Disposition:附件；filename="export.txt“

或者，您必须使用本页面上解释的方法：http://objectmix.com/javascript/314946-possible-generate-text-files-javascript.html。仅供参考:页面上解释的方法不能跨浏览器兼容。