如何获取html页面的源代码答案

【问题标题】：How to get source code of html page如何获取html页面的源代码
【发布时间】：2021-10-16 08:09:29
【问题描述】：

这是编辑源代码示例的链接：

值为</>的按钮。

即使他更改了网格的内容，他也会得到代码 HTML。

如何使用 JavaScript 或 jQuery 获取源代码 HTML？

谢谢。

【问题讨论】：

【解决方案1】：

你可以使用 jquery 的 html 方法，即像这样获取整个页面的 html：

$( document ).ready(function() {
    console.log($("html").html());
})

【讨论】：

this html() get code html after isgenereted 我需要在我的 IDE 中键入时获取代码 html
我正在尝试了解您想要做什么。但我不能大声笑......请告诉我们你想做什么
我正在使用 angular2 并且我在 html 代码中添加了一些输入，例如并且当我使用方法 html() 获取代码时我在 IDE(intellij) 中输入时没有得到 [name]
但是你看到文档中呈现的输入了吗？？？如果是，请使用 'html();'进入文档准备功能
你能举个例子，在文档准备函数中使用 html() 吗

【解决方案2】：

使用 JavaScript

document.documentElement.outerHTML

或

document.documentElement.innerHTML

【讨论】：

【解决方案3】：

我不确定你到底想做什么，但如果你想从 jQuery 获取原始源代码，你可以使用以下代码：

var html = $('element').html();

并且使用来自 id 的纯 javascript

var html = document.getElementById('id').innerHTML;

或来自类名

var html = document.getElementsByClassName('class').innerHTML;

要获取示例的内容（这是一个名为 tinymce 的编辑器），您可以使用命令 tinymce.activeEditor.getContent(); 或 tinyMCE.get('myTextarea').getContent()

编辑：如果你想用 jQuery 监听变化并动态显示到 html，你会想做这样的事情：

$('yourTextArea').keyup(function() {
    var html = $(this).val();
    $('yourElementToDisplayTheHTML').html(html);
});

【讨论】：

【解决方案4】：

我已经构建了一个简单的 API，只需使用它：

<script src="https://cdn.jsdelivr.net/gh/Parking-Master/viewsource@latest/vs.js"></script>

在你的 JavaScript 中：

getSource('https://example.com/');

【讨论】：

【解决方案5】：

在 http 响应标头中，您可以找到“content-type”标头。该标头指示应如何呈现页面内容。因此，如果您想将页面呈现为纯文本（“源代码”，正如您所提到的），只需像这样更改该标题 -> “content-type : text/plain; charset=UTF-8”

如果你可以在 jquery 或 javascript 中使用 ajax

这样使用

$("button").click(function(){
$.ajax({url: "page_you_want.html", success: function(result){
    alert(result);
}});

});

【讨论】：