javascript - 跨域 - 使用 javascript 临时编辑页面

Question

我有一个 Web 应用程序的想法，但遇到了一些 javascript 问题。

假设应用程序需要获取客户的网站 url，显示它（在 iframe 或其他东西中）。然后它应该能够使用 Javascript 临时调整其设计，我认为这称为 Javascript 注入。（类似于浏览器的开发者工具可以做的事情。）

所以问题是：这是跨域 javascript，如果是，我可以使用哪些解决方案？ ，最简单的方法是什么？

在相关说明中：如果用户将我的应用程序的一些javascript 代码添加到他们的网站（比如某些 API 的工作方式），那会以任何方式帮助吗？

谢谢。

score 1 · Accepted Answer

如果他们在他们的页面中包含您的 JS，那么 JS 是从他们的页面运行的，您可以只使用标准 DOM。

如果不是，那么同源策略将阻止您访问他们的站点。

score 1 · Accepted Answer

这是跨域。所以解决方案：服务器端语言

PHP、ASP.Net、Ruby on Rails 等。通过它加载他们的网站，然后您可以触摸它，因为它将是您网站上的副本。不过我会警告你，当使用像 CURL 这样的库时，这可能非常困难（至少在我使用 PHP 的 CURL 的经验中）。

score 1 · Accepted Answer

当您对现代 Web 浏览器的工作方式有适当的了解时（IE8+，当然所有其他浏览器总是领先于 IE），同源策略不适用

我专门通过使用 postMessage 和 iframe 进行跨浏览器通信来解决这个问题。这种技术适用于 IE8+ 和所有现代浏览器。此外，请确保您在 IE 中的第 3 方 cookie 支持的标头中设置您的隐私政策。

如果你去 kitgui.com 并尝试演示，你可以看到这个工作。您也可以免费使用它。

score 0 · Accepted Answer

您可以使用小书签将您的 JavaScript 代码添加到客户的网页。就像萤火虫精简版一样。

4 回答 4