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