前端快速獲取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)容和代碼詳細,具有一定的參考價值,需要的小伙伴可以參考一下,希望對你的學(xué)習(xí)有所幫助2022-03-03js parentElement和offsetParent之間的區(qū)別
這里主要說的是 offsetParent 屬性,這個屬性在 MSDN 的文檔中也沒有解釋清楚,這就讓人更難理解這個屬性。 這幾天在網(wǎng)上找了些資料看看,再加上自己的一些測試,對此屬性有了那么一點的了解,在這里總結(jié)一下。2010-03-03Firefox中通過JavaScript復(fù)制數(shù)據(jù)到剪貼板(Copy to Clipboard 跨瀏覽器版)
這篇文章主要介紹了irefox中通過JavaScript復(fù)制數(shù)據(jù)到剪貼板的方法,可以跨瀏覽器使用,大家可以使用看看2013-11-11JavaScript實現(xiàn)自動跳轉(zhuǎn)文本功能
這篇文章主要為大家詳細介紹了JavaScript自動跳轉(zhuǎn)文本功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05js前端URL含有特殊字符的轉(zhuǎn)碼的實現(xiàn)
本文主要介紹了js前端URL含有特殊字符的轉(zhuǎn)碼的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06JavaScript 監(jiān)聽組合按鍵思路及代碼實現(xiàn)
這篇文章主要介紹了JavaScript 監(jiān)聽組合按鍵思路及代碼實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07JS排序算法之希爾排序與快速排序?qū)崿F(xiàn)方法
這篇文章主要介紹了JS排序算法之希爾排序與快速排序?qū)崿F(xiàn)方法,結(jié)合實例形式分析了希爾排序與快速排序的原理及javascript實現(xiàn)技巧,需要的朋友可以參考下2017-12-12