html - javascript如何获取当前网页的源码？

Question

如题，想要写一段js代码，能够获取到当前网页的html源码，如何实现？

Answer 1

返回根节点的元素内容：

document.documentElement.outerHTML

不知道是不是萌兄想要的效果。:)

我也截张图，方便萌兄看效果：

Answer 2

首先outerHTML有兼容性问题(老版本FF不支持，刚测试了不知从哪个版本起FF已经支持outerHTML了，囧)，其次outerHTML和innerHTML类似，得到的是被浏览器修整的代码，包括js运行时对html结构做的修改，都会体现到innerHTML上。还有还有，呵呵，DocType没有加进去哦。

所以，如果想拿到最真实的html源码，那就只能发起一个异步请求，url就是当前的location.href，在xhr.responseText里就能拿到最纯正的源码啦！

$.get(window.location.href,function(res){
   console.log(res);
});

Answer 3

Like $("html").html()

Answer 4

大部分的js框架都支持获取页面源代码了，楼上使用$方式能够获取，直接原生的也是可以的