无法使用Chrome扩展程序设置Cookie

时间:2016-09-27 09:10:42

标签: javascript jquery google-chrome cookies google-chrome-extension

如何使用Chrome扩展程序设置Cookie?我正在通过Chrome扩展程序登录我的网页。我必须设置sessionid但它不起作用。

success功能中的提醒是可见的,但是,它既不会登录也不会重定向页面。

$(document).ready(function () {
    $('#login-button-id').click(function () {

        var login = $('#input-email-id').val();
        var password = $('#input-password-id').val();
        $.ajax({
            url: 'http://127.0.0.1:8000/api/authenticate',
            type: 'POST',
            data: {
                'login': login,
                'password': password
            },
            success: function (data) {
                $.cookie('sessionid',data.sessionid);
                chrome.cookies.set({"sessionid":data.sessionid});
                alert("You are logged in");
                window.location.href = "http://127.0.0.1:8000/admin";
            },
            error: function (jqXHR, textStatus, errorThrown) {
                console.log("JQuery failed: " + textStatus + " with error thrown: " + errorThrown);
                console.log(jqXHR);
            }
        })
    });
    $('#logout-button-id').click(function () {

    })
});

清单

{
  "manifest_version": 2,
  "name": "xyz",
  "description": "This is a plugin collaborating with xyz.com",
  "version": "1.0",
  "browser_action": {
    "default_icon": "spy-icon.png",
    "default_popup": "popup.html",
    "default_title": "Click here!"
  },
  "permissions": [
    "activeTab",
    "https://ajax.googleapis.com/",
    "cookies",
    "<all_urls>"
  ],
  "content_security_policy": "script-src 'self' https://ajax.googleapis.com; object-src 'self'"
}

我认为这是因为Chrome扩展程序是一个沙盒,因此它拥有自己的Cookie,但无法弄清楚该做什么,有什么建议?

1 个答案:

答案 0 :(得分:1)

  

我想这是因为Chrome扩展程序是一个沙盒,所以它有自己的cookie

事实上,由于您尝试在扩展程序自己的页面中使用此功能,因此会将您尝试通过$.cookie设置的Cookie绑定到扩展程序自己的源(chrome-extension://somelongextensionidhere/)。所以这不起作用。

至于chrome.cookies.set,您需要阅读有关如何使用它的文档!

适当的调用应该是这样的:

chrome.cookies.set({
  url: "http://127.0.0.1:8000/",
  name: "sessionid",
  value: data.sessionid
});