前言
什么是cookie?
cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。
操作
/**
* 设置cookie值
*
* @param {String} name cookie名称
* @param {String} value cookie值
* @param {Number} expiredays 过期时间,天数
*/
function setCookie (name, value, expiredays) {
let exdate = new Date()
exdate.setDate(exdate.getDate() + expiredays)
document.cookie = `${name}=${encodeURI(value)}`
document.cookie += expiredays ? `;expires=${exdate.toGMTString()}` : ``
}
/**
* 获取cookie值
* @param {String} name cookie名称
*/
function getCookie (name) {
if (document.cookie.length > 0) {
let start = document.cookie.indexOf(`${name}=`)
if (start !== -1) {
start = start + name.length + 1
let end = document.cookie.indexOf(';', start)
if (end === -1) {
end = document.cookie.length
}
return decodeURI(document.cookie.substring(start, end))
}
}
return ''
}
/**
* 删除指定cookie值
* @param {String} name cookie名称
*/
function clearCookie (name) {
setCookie(name, '', -1)
}
/**
* 浏览器是否支持本地cookie
*/
function isSupportLocalCookie () {
let {name, value} = {name: 'name', value: 'xiaoming'}
setCookie(name, value, 1)
return getCookie(name).includes(value)
}
Chrome does support cookies if you use the local IP address (127.0.0.1) directly. so in the localhost case, that could be an easier workaround
由于chrome浏览器不支持本地cookie,所以isSupportLocalCookie函数检验浏览器是否支持本地cookie就很有必要了。