javascript - 获取已经使用 Javascript/jQuery 加载的跨域 CSS 文件的全部内容？

Question

我正在为 reddit.com 编写一个 Chrome 扩展，想读取该网站已加载的 CSS 文件的内容。

在我的研究中，我遇到了两种方法:

1. 文档.styleSheets

然而，当我使用 console.log( document.styleSheets ) 时，“cssRules”和“rules”出于某种原因都是“null”，但是如果我在浏览器中加载 css 文件 url，则有很多规则:

https://b.thumbs.redditmedia.com/qFTJmHhu1fP0DVZHvATz60WXl-MhvSmCFoByN26OkoU.css

不过如您所见，CSS 托管在 redditmedia.com，这是跨域问题吗？

1. $.get

当我尝试执行 ajax 调用以读取文件内容时，它会给我一条“不存在‘Access-Control-Allow-Origin’ header ”的消息，这是有道理的。它托管在不同的域中。

有什么办法可以得到这个文件的内容吗？

感谢您的帮助!

Answer 1

所以我最终使用了对我的服务器的 ajax 调用，它在 css 文件上执行 file_get_contents()，并将内容传回。