利用javascript查看html源文件

想要在网页中查看HTML源文件，可以使用JavaScript来实现。具体的实现方法如下：

1. 使用document.documentElement.outerHTML属性，将整个HTML源代码保存在该属性中，并将其打印到控制台上。

console.log(document.documentElement.outerHTML);

使用该方法能够查看整个HTML文档的源代码，包括标签、属性以及内容等。

1. 使用XMLSerializer API来将DOM对象转换为字符串。首先，需要将要转换的DOM对象保存在一个变量中，然后利用XMLSerializer API中的serializeToString()函数将其转化为字符串，并打印到控制台上。

var html = document.getElementsByTagName('html')[0];
var serializer = new XMLSerializer();
console.log(serializer.serializeToString(html));

此方法同样能够查看整个HTML文档的源代码，包括标签、属性以及内容等。

在实际应用中，我们可以在页面中添加一个按钮，当用户点击该按钮时，触发查看HTML源代码的功能。例如：

<button onclick="showHTML()">查看HTML源代码</button>

<script>
  function showHTML() {
    console.log(document.documentElement.outerHTML);
  }
</script>

点击该按钮后，将会在浏览器的控制台输出整个HTML文档的源代码。类似的，我们还可以使用XMLSerializer API来实现同样的效果。例如：

<button onclick="showHTML()">查看HTML源代码</button>

<script>
  function showHTML() {
    var html = document.getElementsByTagName('html')[0];
    var serializer = new XMLSerializer();
    console.log(serializer.serializeToString(html));
  }
</script>

这样，当用户点击该按钮时，将会在浏览器的控制台输出整个HTML文档的源代码。