javascript - 使用 window.open 打开存储在变量中的 URL

Question

首先，我获取当前打开的网站的 URL 并将该值存储在一个变量中。然后我声明一个新变量，它添加了“view-source:”+ 带有我之前声明的 URL 的变量。这将打印出该网站源代码的地址。

我希望能够使用 window.open 以便将存储在第二个变量中的新值用作参数内的 URL。这是我的代码:

let page = window.location.href;
let sourcecode = "view-source:" + page;

window.open(sourcecode);

我怎样才能做到这一点？ 或者，有没有办法直接通过JavaScript打开源代码？谢谢。

Answer 1

打开以 <a href 开头的窗口(或有 view-source: s)在主要浏览器中被禁止，不幸的是:它是 security issue .

不幸的是，在加载的页面中，没有通用 方法来识别 View 源内容。但是，在许多情况下，您可以再次 获取页面，并检查响应文本。例如，如果您访问的 URL 是 https://jsonplaceholder.typicode.com/ ，你可以这样做:

fetch('https://jsonplaceholder.typicode.com/')
  .then(res => res.text())
  .then((responseText) => {
    console.log(responseText);
  });

如果在最终结束标记之前 HTML 中没有任何内容更改 DOM，那么您可以可靠地检查 innerHTML在解析结束前运行的脚本标记中，例如:

console.log(document.documentElement.innerHTML);

但这将不起作用<script>在 DOMContentLoaded 之前更改 DOM(很多人都这样做)。