Chrome 扩展中 Facebook.com 上的 POST 请求失败答案

【问题标题】：POST request on Facebook.com in Chrome Extension failsChrome 扩展中 Facebook.com 上的 POST 请求失败
【发布时间】：2013-06-05 08:37:31
【问题描述】：

我有一个 Chrome 扩展程序，它在每个页面上发送带有一些数据的 AJAX POST。

问题在于，Facebook 阻止了 AJAX 请求，结果如下：

拒绝连接 'URL_HERE' 因为它违反以下内容安全策略指令：“connect-src https://.facebook.com http://.facebook.com https://.fbcdn.net http://.fbcdn.net *.facebook.net .spotilocal.com: https://.akamaihd.net ws://.facebook.com:* http://*.akamaihd.net"。

如何在该页面上也向我的服务器发送 AJAX 调用？

我是制作 Chrome 扩展程序的新手，如果有任何可能，请告诉我。我正在使用内容脚本。不确定是否可以对背景页面进行某些操作。

另外，在使用内容脚本时，有什么地方可以用来在 Chrome 扩展程序中存储数据吗？

【问题讨论】：

标签： ajax facebook google-chrome-extension content-script content-security-policy

【解决方案1】：

当页面的 CSP 干扰时执行跨域请求的唯一方法是通过后台页面。你可以在Cross-domain XMLHttpRequest using background pages找到一个完整的例子。

另外，在使用内容脚本时，有什么地方可以用来在 Chrome 扩展程序中存储数据吗？

使用chrome.storage API，或使用message passing 和localStorage。更详细的解释和示例代码见this answer。

【讨论】：