ウェブページで見つかった画像をドロップボックスに保存するためのクロム拡張機能を作成しています。これを行うためにドロップインセーバー APIを使用しようとしていますが、「ドロップボックスに保存」リンクをクリックするとエラーが発生します。
私が受け取るエラーは次のとおりです。
{"エラー": "オリジンがどのアプリ ドメインとも一致しません"}
GET リクエストを調べると、次のことがわかります。
GET https://www.dropbox.com/saver?origin=chrome-extension%3A%2F%2Fogmklfknlcgklhfljkcijikghbnghcal&app_key=MYDROPBOXKEY 403 (OK)
エラーと 403 により、Chrome 拡張マニフェスト ファイルでのアクセス許可の宣言に問題があると思われました。ただし、ドキュメントに従って機能すると思われることを試してみましたが、同じ結果が得られました。私のマニフェストファイルは次のとおりです。
{
"name": "Pic Grabber",
"version": "1.0",
"permissions": [
"activeTab",
"tabs", "<all_urls>", "background", "http://*/", "https://*/", "http://*/*", "https://*/*", "https://www.dropbox.com/*"
],
"content_scripts": [{
"js": ["grabber.js"],
"matches": ["http://*/", "https://*/", "http://*/*", "https://*/*", "https://www.dropbox.com/*"]
}],
"background": {
"scripts": ["background.js"],
"persistent": false
},
"browser_action": {
"default_title": "Download pictures from this page.",
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"manifest_version": 2,
"content_security_policy": "script-src 'self' https://www.dropbox.com/static/api/1/dropins.js; object-src 'self'"
}
明らかな何かが欠けていると思いますが、指を置くことができないようです。私のマニフェストでは、必要なすべてのクロスオリジン アクセス許可が指定されているようです。正しい方向への微調整は大歓迎です。
ありがとう!