在 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的另一个例子