文档章节

js保存当前网页HTML到本地(Chrom Firefox)

横着走的螃蟹
 横着走的螃蟹
发布于 2015/04/01 11:14
字数 125
阅读 615
收藏 8
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页HTML存本地</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
<a href="#">保存文件</a>
<script>
function fake_click(obj) {
    var ev = document.createEvent("MouseEvents");
    ev.initMouseEvent(
        "click", true, false, window, 0, 0, 0, 0, 0
        , false, false, false, false, 0, null
        );
    obj.dispatchEvent(ev);
}

function export_raw(name, data) {
   var urlObject = window.URL || window.webkitURL || window;

   var export_blob = new Blob([data]);

   var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a")
   save_link.href = urlObject.createObjectURL(export_blob);
   save_link.download = name;
   fake_click(save_link);
}
var test=document.getElementsByTagName('html')[0].outerHTML;
console.log(test);
$('a').click(function() {
export_raw('test.html', test);
});
</script>
</body>
</html>


© 著作权归作者所有

共有 人打赏支持
上一篇: D3.js area函数
下一篇: nodejs 注意事项
横着走的螃蟹
粉丝 14
博文 147
码字总数 32572
作品 0
朝阳
高级程序员
私信 提问
Firefox上Web开发工具库一览

Firefox的目标之一就是尽可能地使web开发者的生活更简单高效,并通过提供工具和具有很强扩展性的浏览器使人们创造出神奇的东西。使web开发者使用Firefox的时候,浏览器可以提供大量开发工具和...

随影求是
2012/04/04
0
0
Javascript开发者必备的工具软件

导读:如果你想研究JavaScript并成为脚本开发的高手,那么就需要一些专门用于开发或测试JavaScript的软件,他们不仅可以提高你的开发速度,同时能大大减少BUG发生。 不管你是JavaScript新手还...

wankaiming
2010/12/10
0
1
新版PageOffice为什么用弹出窗口的方式打开文件

目前的包含文档处理功能的Web办公系统,在打开文档的时候,一部分系统是采用Office文档嵌入到主窗口页面中右侧工作区域的方式,另一部分系统采用的是弹出新的浏览器窗口,里面完整的嵌入Off...

山里的红杏
09/10
0
0
Python 用于网站抓取 登录 发布的模块介绍

由于目前的Web开发中AJAX、Javascript、CSS的大量使用,一些网站上的重要数据是由Ajax或Javascript动态生成的,并不能直接通过解析html页面内容就能获得(例如采用mechanize、lxml、Beautif...

shaohan
2014/03/20
0
0
firefox用于web安全测试的插件

firebug(https://addons.mozilla.org/en-US/firefox/addon/firebug/?src=collection&collection_id=2f60146e-e43a-4c67-9e78-3441c64f3c0f) HTML查看和编辑、Javascript控制台、网络状况监视......

好铁
2014/07/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

纹理与表面细节添加方法---凹凸映射

中国龙-扬科
9分钟前
0
0
20181115上课截图

小丑鱼00
17分钟前
0
0
初识css自定义属性

这算是一篇两篇文章译文的糅合体,旨在帮助理解css自定义属性。 今天,CSS预处理器是Web开发的标准。 预处理器的一个主要优点是它们使您能够使用变量, 这有助于您避免复制和粘贴代码,并简化...

嫣然丫丫丫
27分钟前
0
0
JAVA基础--session共享的前生今世

session共享的前生今世 Session及cookie基本概念及生命周期 session   当浏览器发起一个新的HTTP请求时,WEB服务端会主动创建一个session.并分配一个sessionID作为服务端识别客户端的一个标...

spinachgit
35分钟前
0
0
Deepin Linux 下把 UC 缓存视频变为 MP4 文件

本文是利用 FFMPEG 的功能实现的。 生成 file.txt文件 因为缓存文件都是数字,且文件夹内还有其他文件,包括 index.* 的文件。 $ ls -1v --hide=file.txt --hide=index* > file.txt 解释 ls...

不避风云
36分钟前
0
2

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部