如何通过页面上的按钮在本地保存当前的HTML页面?

时间:2017-01-05 12:40:27

标签: javascript html

我有一个非常大的HTML page,有很多大表。 我试图导出tables to excel并成功。但是当在表格中处理200K+ rows时,浏览器会崩溃(Chrome和IE)。 所以,我决定在本地保存整个页面。

可以吗?

由于

4 个答案:

答案 0 :(得分:2)

一种解决方案是在浏览器中加载页面,然后转到文件>另存为。这将打开一个dialoge,允许您将页面保存为html类型文件。

但是,如果网页太大而浏览器无法加载,请使用Linux上的wget工具在不使用浏览器的情况下将整个页面拉下来。在Linux发行版上安装wget后,像这样使用它

  

wget http://www.example.com/path/to/file.html

此命令会将文件下载到名为file.html

的当前目录

如果您还想在file.html下载任何包含的文件(即css或js文件)。包含标记-p-k

答案 1 :(得分:1)

我认为这些表中的数据是从服务器某处加载的。在服务器上创建一个创建这些文件的操作的下载链接,而不是根据您的html页面创建文件,这不是更好吗?

答案 2 :(得分:0)

如果您需要任何人都可以在您的网站上使用下载按钮来保存文件,请使用download属性。

<a href='link.html' download>text</a>

答案 3 :(得分:0)

我创建了一个名为download-page-test.html的文件,如下所示。

<html>
<head>
    <title>Template</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
    <h1>Look at this page.</h1>
    <h1>It's so plain!</h1>
    <a class="btn btn-primary" href='/download-page-test.html' download>Click Here to Download</a>
</body>

当用户点击“text”一词时,浏览器会下载提供给浏览器的相同文件以及页面的JS / CSS(授予您不移动/删除外部资源) 。 注意:我使用BootStrap让它看起来更漂亮。

此解决方案适用于在浏览器中成功加载并且用户需要副本的页面。