获取网站源代码的脚本（js）答案

【问题标题】：script to get source code of website (js)获取网站源代码的脚本（js）
【发布时间】：2023-02-14 03:02:59
【问题描述】：

我的学校阻止了 CTRL + U，但您可以在链接前使用“view-source:”来查看代码。这需要一段时间，所以我一直在尝试制作一个脚本来自动定向到源代码。但是，我不断收到错误消息，因为它不是链接

我尝试了以下方法：

var code = fetch(`view-source:https://${location.hostname}${location.pathname}`);
location.href = (code);

和

var code = (`view-source:https://${location.hostname}${location.pathname}`);
location.href = (code);

在第一个中，我看到一个错误的请求，在第二个中，我看到一个空白页面，上面写着“view-source:”，后面是链接

【问题讨论】：

fetch() 不会返回您可以分配给 location.href 的 URL。它返回一个承诺，您可以使用它来获取网页的内容。

标签： javascript

【解决方案1】：

view-source: 不是真正的协议，您可以 fetch()。

然而，只是

var resp = await fetch('http://...');
var text = await resp.text();
document.body.innerText = text;

应该用该 URL 的文本内容替换当前文档的正文...

【讨论】：

【解决方案2】：

如果您尝试从前端获取源代码，您将遇到 CORS 问题。但是您可以像下面的示例一样使用一些代理：

fetch('https://api.codetabs.com/v1/proxy?quest=https://stackoverflow.com/questions/75440023/script-to-get-source-code-of-website-js#75440023').then((response) =&gt; response.text()).then((text) =&gt; console.log(text));

【讨论】：