前端快速获取cookie的2种简单方式

 更新时间:2023年08月22日 09:50:06   作者:vocalsir  
这篇文章主要给大家介绍了关于前端快速获取cookie的2种简单方式,Cookie是在HTTP协议下,服务器或脚本可以维护客户工作站上信息的一种方式,需要的朋友可以参考下

方式一:通过浏览器控制台

在需要获取Cookie的谷歌浏览器界面,按Ctrl+Shift+j打开js控制台。输入 console.log(document.cookie) 回车打印Cookies

控制台输入打印

方式二:小书签方式获取

新建书签,书签名称随意,书签的网址是以下网址:

javascript:(function(){var oInput=document.createElement('input');oInput.value=document.cookie;document.body.appendChild(oInput);oInput.select();document.execCommand("Copy");oInput.className='oInput';oInput.style.display='none';alert('复制成功');})()

在需要获取Cookie的页面,点击这个小书签,就直接复制好了Cookie了。

以上两种方式是自用实测比较方便高效的,在此做个标记分享给不会的朋友。

补充知识:设置cookie

1、使用原生的sentHeader方法

let express = require("express");
let app = express();
app.get('/',(req,res)=>{
   //使用setHeader,设置cookie,其username为的jumao
   res.setHeader('set-cookie','username=jumao')
    res.send('<h2>cookie的发送</h2>');
})
app.listen(3000,()=>{
    console.log('3000 this interface is ok');
})

让它跑起来,显示如下

[Running] node "c:\Users\mi\Documents\Tencent Files\2227851749\FileRecv\HuaShanClass\Node.JS\day03\17-send_cookie.js"
3000 this interface is ok

浏览器查看

application中查看

network中查看

2、在express中,使用对应封装好了的方法

——res.cookie(name,value[.option])

let express = require("express");
let app = express();
app.get('/', (req, res) => {
    res.cookie('username', 'Orangcat')
    res.send('<h2>cookie的发送</h2>');
})
app.listen(3000, () => {
    console.log('3000 this interface is ok');
})

浏览器中查看如下

cookie是作为响应信息从服务端发送给浏览器的,需要遵循cookie的格式。

总结

到此这篇关于前端快速获取cookie的2种简单方式的文章就介绍到这了,更多相关前端获取cookie内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 微信小程序封装分享与分销功能过程解析

    微信小程序封装分享与分销功能过程解析

    这篇文章主要介绍了微信小程序封装分享与分销功能过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • three.js实现3d全景看房示例

    three.js实现3d全景看房示例

    这篇文章主要为大家介绍了three.js实现3d全景看房示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • Javascript中判断对象是否为空

    Javascript中判断对象是否为空

    这篇文章主要介绍了Javascript中判断对象是否为空,本文利用Javascript 中的对象就是一个字典的特性,检查对象中有没有键值对实现判断对象是否为空,需要的朋友可以参考下
    2015-06-06
  • JavaScript实现双向链表过程解析

    JavaScript实现双向链表过程解析

    这篇文章主要介绍了利用JavaScript实现双向链表以及它的封装和常用操作,文中的示例代码讲解详细,对日常的学习和工作都有一定的价值,快来和小编一起学习吧
    2021-12-12
  • JavaScript实现计数器基础方法

    JavaScript实现计数器基础方法

    这篇文章主要为大家详细介绍了JavaScript实现计数器的基础方法
    ,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • Javascript连接Access数据库完整实例

    Javascript连接Access数据库完整实例

    这篇文章主要介绍了Javascript连接Access数据库的方法,涉及javascript针对access数据库的连接、关闭及增删改查等常用操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 小程序接口的promise化的实现方法

    小程序接口的promise化的实现方法

    这篇文章主要介绍了小程序接口的promise化的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • JavaScript中var与let的区别

    JavaScript中var与let的区别

    这篇文章主要介绍了JavaScript中var与let的区别,var是JavaScript刚出现时就存在的变量声明关键字,而let作为ES6才出现的变量声明关键字,无疑两者之间存在着很大的区别,下面来看看两者之间到底存在什么
    2021-12-12
  • 用JS中split方法实现彩色文字背景效果实例

    用JS中split方法实现彩色文字背景效果实例

    这篇文章介绍的是利用Javascript中的split方法来实现彩色文字背景效果,实现后的效果很好,有需要的可以参考借鉴。
    2016-08-08
  • JS操作字符串的一些常见内置方法

    JS操作字符串的一些常见内置方法

    这篇文章主要给大家介绍了关于JS操作字符串的一些常见内置方法,JavaScript中有许多常用的数组和字符串操作函数,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-11-11

最新评论