如何在浏览器中手动设置cookies值实现前端分离调试

发表于 |

在前端开发中经常会碰到需要cookies调试的情况, 下面介绍一下如何在浏览器中手动设置cookies值

img

1.查看cookies值

1
document.cookie

2.设置cookies值

1
document.cookie='name=Jack';

3.给cookies设置有效时间 默认浏览器关闭失效

1
2
3
var oDate=new Date();
oDate.setDate(oDate.getDate()+7);//设置为当前时间起算7天后过期
document.cookie='name=Jack;expires='+oDate.toGMTString();

4.移除cookies

1
setCookie(key,"",-1);//把cookie设置为过期

函数封装

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function setCookie(key,value,t){
  var oDate=new Date();
  oDate.setDate(oDate.getDate()+t);
  document.cookie=key+"="+value+"; 	 expires="+oDate.toDateString();

}
function getCookie(key){
  var arr1=document.cookie.split("; ");//由于cookie是通过一个分号+空格的形式串联起来的，所以这里需要先按分号空格截断,变成[name=Jack,pwd=123456,age=22]数组类型；
  for(var i=0;i<arr1.length;i++){
      var arr2=arr1[i].split("=");//通过=截断，把name=Jack截断成[name,Jack]数组；
      if(arr2[0]==key){
      return decodeURI(arr2[1]);
	}
}

//封装一个移除cookie的函数
function removeCookie(key){
  setCookie(key,"",-1);//把cookie设置为过期

}

本文为作者原创 转载时请注明出处 谢谢

乱码三千 – 点滴积累 ,欢迎来到乱码三千技术博客站

0%