JavaScript code for cookie not working in Chrome

Question

The following code works fine in FF:

var date = new Date();
date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
document.cookie = "c_odi" + "=" + $('#orderdetailid').val() + expires + "; path=/";

But not in Chrome. When I'm using Chrome and I do document.cookie in the console to view cookies, the c_odi cookie isn't there. But when I do the same in FF, it is. How can we make cookies work in Chrome? The cookies that were added by PHP are fine, but not this one in JavaScript, and I do need to add this cookie via JavaScript at this point.

Roman Hocke · Accepted Answer · 2018-02-22 08:39:21Z

55

This problem can occur if You open Your code as file:///C:/.../xxx.html instead of http:// localhost/xxx.html. Chrome doesn't save cookies (because there is no domain and no http communication) in file:// case.

Few links of interest:

edited Feb 22, 2018 at 8:39

answered Oct 2, 2013 at 11:39

Roman Hocke

4,2411 gold badge22 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

ds_secret Over a year ago

Why does only Chrome require you to save the cookies with a domain and http communication when IE and Edge don't.

Roman Hocke Over a year ago

@ds_secret: I tested this in IE8 and it behaved the same way as Chrome did - on "file://" it did not save the cookies, while on "http://" it did. On the other hand, FF seems to have some workaround for this, it does save the cookies even on "file://".

ds_secret Over a year ago

Is there a workaround for this, as most of my "clients" use Chrome, not Edge, IE, or Firefox?

Deepak Ranganathan · Accepted Answer · 2017-09-15 08:46:50Z

4

Chrome doesn’t store cookies from the pages which are loaded from local file system. For example if you are accessing a HTML file in chrome browser from local file system(ex: file:///C:/Users/deepak.r/Desktop/test.html), cookies are not supported.

edited Sep 15, 2017 at 8:46

answered Sep 3, 2017 at 6:59

Deepak Ranganathan

513 bronze badges

1 Comment

Dov Benyomin Sohacheski Over a year ago

You should elaborate, this is a very weak answer.

Ivar van Wooning · Accepted Answer · 2023-05-12 10:14:38Z

1

When opening HTML files in chrome as file://, as a workaround, use the session storage instead of cookies. Session storage does not have the exact same functionality as cookies of course, but it may be helpful in some cases.

sessionStorage.setItem("some_property", "true"); sessionStorage.getItem("some_property");

answered May 12, 2023 at 10:14

Ivar van Wooning

3033 silver badges8 bronze badges

Comments

sbgoran · Accepted Answer · 2013-03-13 12:56:22Z

0

Try to replace this line:

document.cookie = "c_odi" + "=" + $('#orderdetailid').val() + expires + "; path=/";

with this one:

document.cookie = "c_odi" + "=" + escape($('#orderdetailid').val()) + expires + "; path=/";

You would have to use unescape when you try to read value, but you'll menage when time comes :)

answered Mar 13, 2013 at 12:56

sbgoran

3,5612 gold badges22 silver badges30 bronze badges

2 Comments

user961627 Over a year ago

but the orderdetailid value is only an integer.

sbgoran Over a year ago

Well just in case :) Do you have cookies enabled in your Chrome browser?

alexander.biskop · Accepted Answer · 2013-03-13 13:03:32Z

0

Seems like it's working for me:

enter image description here

http://jsfiddle.net/rQEnF/3/

At least the cookie shows up in dev tools, as you can see. However, I replaced the jQuery selector $('#orderdetailid').val() with a constant value, as you can see. Is there something wrong with that value or the element containing the value maybe?

answered Mar 13, 2013 at 13:03

alexander.biskop

1,87219 silver badges30 bronze badges

4 Comments

Chad Over a year ago

Confirmed that this works fine for me in Chrome 25 as well. Even when I leave the $('#orderdetailid').val() so that it is undefined, it still works.

user961627 Over a year ago

Hmm that's strange, then how are cookies accessed in Chrome? When I go to "Console" - the last option on the left (not Resources), then when I type document.cookie, the cookie isn't there. I did the same with the fiddle you linked me to, but while it is there under Cookies > fiddle.jshell.net it's not there in document.cookie. Try typing this in the console: alert(document.cookie);

alexander.biskop Over a year ago

This is probably a cross-site issue. In the JSFiddle example, the script setting the cookie is loaded from fiddle.jsshell.net. Therefore, the cookie is also set for this domain. When typing document.cookie in the dev console, you will only see the cookies for domain jsfiddle.net. Could this also be the problem with your scenario? I.e. the domain of the script that creates the cookie and the domain it should be used/read in must be the same.

Chad Over a year ago

When you do document.cookies it shows the cookies for the domain you are on which is jsfiddle.net, the code you write on a fiddle runs in an iframe hosted at fiddle.jshell.net so it will not show up in document.cookie. Look in resources under the proper location and you can see it is working fine.

Dean · Accepted Answer · 2014-01-01 19:25:02Z

0

Make sure your address bar url matches the domain. In Chrome if you set domain=www.site.com and then test your page in the browser missing out the www. it won't work.

answered Jan 1, 2014 at 19:25

Dean

1

Collectives™ on Stack Overflow

JavaScript code for cookie not working in Chrome

6 Answers 6

3 Comments

1 Comment

Comments

2 Comments

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

1 Comment

Comments

2 Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related