javascript - 如何使用 HTML/JavaScript 获取另一个网页的页面源？

Question

我正在尝试编写 HTML 代码来访问 URL 并获取它的页面源代码，即当我们右键单击页面并选择“查看页面源代码”选项时我们看到的全部内容。

然后我想处理这些内容以提取一些相关值。

我在 W3schools TryIt 编辑器上尝试了几个选项，但没有任何效果。我也尝试过其他 URL，但没有成功。

谁能告诉我这是否可以使用 HTML 和 JavaScript，如果可以，怎么做？

Answer 1

您可以非常简单地使用 Fetch API 发出 HTTP 请求:

const res = await fetch('https://example.com');
const html = await res.text();

但是，这仅适用于允许您跨源获取其来源的 URL。出于安全原因，这并不常见。 (如果是的话，大多数其他网站都可以从您登录的其他网站窃取内容，例如您的网络邮件或您的银行!)

解决此问题的唯一方法是在不存在跨域问题的服务器端代理该数据。