javascript - 如何在页面源代码中显示 JavaScript 输出

Question

在我的网页中，我使用了一些 JavaScript，它工作正常，结果显示了我所需要的。但是当我去查看页面源代码时，我只看到了 JavaScript 代码，但看不到输出。下面是我的代码。

  var link = document.createElement('link');
  link.setAttribute('rel', 'canonical');
  link.setAttribute('href', location.protocol + '//' + location.host + location.pathname);
  document.head.appendChild(link);
</script>

这段代码很好用。当我在谷歌浏览器上点击“检查”时，我可以看到它的作品。但是当我点击“查看页面源代码”时看不到输出。

谁能告诉我如何在源代码中显示输出结果？

Answer 1

view page source 上下文菜单选项仅显示从服务器端呈现的内容。它不包含在客户端呈现的任何内容。

如果你想查看客户端渲染，你可以使用inspect element。