前端快速獲取cookie的2種簡單方式
方式一：通過瀏覽器控制臺
在需要獲取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('復(fù)制成功');})()在需要獲取Cookie的頁面，點擊這個小書簽，就直接復(fù)制好了Cookie了。
以上兩種方式是自用實測比較方便高效的，在此做個標(biāo)記分享給不會的朋友。
補充知識：設(shè)置cookie
1、使用原生的sentHeader方法
let express = require("express");
let app = express();
app.get('/',(req,res)=>{
//使用setHeader，設(shè)置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中，使用對應(yīng)封裝好了的方法
——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');
})瀏覽器中查看如下
cookie是作為響應(yīng)信息從服務(wù)端發(fā)送給瀏覽器的，需要遵循cookie的格式。
總結(jié)
到此這篇關(guān)于前端快速獲取cookie的2種簡單方式的文章就介紹到這了,更多相關(guān)前端獲取cookie內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
?javascript學(xué)數(shù)組中的foreach方法和some方法
這篇文章主要介紹了?javascript學(xué)數(shù)組中的foreach方法和some方法，文章相關(guān)內(nèi)容和代碼詳細(xì)，具有一定的參考價值，需要的小伙伴可以參考一下，希望對你的學(xué)習(xí)有所幫助2022-03-03
這篇文章主要為大家介紹了JavaScript Promise，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
js parentElement和offsetParent之間的區(qū)別
這里主要說的是 offsetParent 屬性，這個屬性在 MSDN 的文檔中也沒有解釋清楚，這就讓人更難理解這個屬性。 這幾天在網(wǎng)上找了些資料看看，再加上自己的一些測試，對此屬性有了那么一點的了解，在這里總結(jié)一下。2010-03-03
Tangram開源將近一周，持續(xù)圍觀了幾天。寫一個簡單的圍觀筆記吧。2010-12-12
Firefox中通過JavaScript復(fù)制數(shù)據(jù)到剪貼板(Copy to Clipboard 跨瀏覽器版)
這篇文章主要介紹了irefox中通過JavaScript復(fù)制數(shù)據(jù)到剪貼板的方法，可以跨瀏覽器使用，大家可以使用看看2013-11-11
JavaScript實現(xiàn)自動跳轉(zhuǎn)文本功能
這篇文章主要為大家詳細(xì)介紹了JavaScript自動跳轉(zhuǎn)文本功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
js前端URL含有特殊字符的轉(zhuǎn)碼的實現(xiàn)
本文主要介紹了js前端URL含有特殊字符的轉(zhuǎn)碼的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
這篇文章主要為大家整理了關(guān)于Bootstrap導(dǎo)航的慕課筆記，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
JavaScript 監(jiān)聽組合按鍵思路及代碼實現(xiàn)
這篇文章主要介紹了JavaScript 監(jiān)聽組合按鍵思路及代碼實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
JS排序算法之希爾排序與快速排序?qū)崿F(xiàn)方法
這篇文章主要介紹了JS排序算法之希爾排序與快速排序?qū)崿F(xiàn)方法,結(jié)合實例形式分析了希爾排序與快速排序的原理及javascript實現(xiàn)技巧,需要的朋友可以參考下2017-12-12