前端快速獲取cookie的2種簡單方式

更新時間：2023年08月22日 09:50:06 作者：vocalsir

這篇文章主要給大家介紹了關于前端快速獲取cookie的2種簡單方式,Cookie是在HTTP協(xié)議下,服務器或腳本可以維護客戶工作站上信息的一種方式,需要的朋友可以參考下

方式一：通過瀏覽器控制臺

在需要獲取Cookie的谷歌瀏覽器界面，按Ctrl+Shift+j打開js控制臺。輸入 console.log(document.cookie) 回車打印Cookies

控制臺輸入打印

方式二：小書簽方式獲取

新建書簽，書簽名稱隨意，書簽的網(wǎng)址是以下網(wǎng)址：

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的發(fā)送</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的發(fā)送</h2>');
})
app.listen(3000, () => {
    console.log('3000 this interface is ok');
})

瀏覽器中查看如下