Jerry Lin: Chrome Extension 進階 - 跨域資源共享 (CORS)

2013年11月26日星期二

跨域資源共享 (CORS) 這個問題相信很多人都遇到過，看到錯誤訊息後以為 Chrome Extension 不支持跨域資源共享，但這篇就要告訴你，其實 Chrome Extension 支持跨域資源共享 (CORS)。

這邊以一個簡單的例子教大家怎麼實作跨域資源共享。
專案範例 CORS

跨域資源共享首要步驟就是在 Extension 設定檔 (manifest.json) 中設定相關權限，
需加入 content_security_policy 和 permissions 如下：

manifest.json

{
    ...
  "content_security_policy" : "default-src 'self'; connect-src *;",
  "permissions": [
    "http://*/*",
    "https://*/*"
  ],
  ...
}

原本以為只有背景執行緒支持跨域資源共享，後來測試一下，發現內文執行緒也可使用。
因此小編大膽的猜測整個 Extension 都可使用跨域資源共享 (如果有誤，請糾正一下)。

總結：
看完這篇，你應該知道如何設定 manifest.json 來達到跨域資源共享的功能。
如果你在練習上或其他有關於跨域資源共享的問題，歡迎在下面留言。

Jerry Lin