在 iframe 中显示页面源代码？

Question

这可能是要问的更愚蠢的问题之一，

但是自从

<iframe src="view-source:https://ry3yr.github.io/OSTR/Diarykeepers_Homepage/Daymusic.html" width="800" height="600"></iframe>

无效：

是否可以在 iframe 中显示页面的源代码？（或者真的有其他方式吗？？）

澄清：我知道内置“查看源代码”功能的浏览器。我希望在没有用户交互的情况下呈现页面源代码。

Answer 1

您可以使用 javascript 获取有问题的页面并转义 html。

作为 example 尝试使用 JQuery:


$.get('https://ry3yr.github.io/OSTR/Diarykeepers_Homepage/Daymusic.html', function(data) { 
            var x = document.createElement("pre");
            x.id = "test"
            $("body").append(x); 
            $("#test").text(data);
    });

或者 iframe

的另一个例子

在 iframe 中显示页面源代码？

Display pages source in iframe?

iframe