web前端怎麼獲取cookie？新手前端開發者需瞭解

在前端開發中有些情況下需要獲取使用者的cookies，這樣當使用者下次登入網站的時候就不需要重複的去調整功能，那麼你知道如何去實現嗎？

先放一段完整的JS程式碼，後面都有功能備註，大家可以自己先看一下。

下面再介紹一下cookies的設定和獲取方式，幫助新手前端開發者瞭解和使用。

1.設定cookie的方法為：cookie.set(key,val,time)

key可以理解為cookie的變數名

val可以理解為這個cookie所帶有的值

time是cookie的超時時間，單位為天

2.獲取cookie的方法為：cookie.get(key)

key就是剛才我們設定時的cookie變數名

我們只需要將函式賦值給新的變數即可呼叫這個值，例如：var n = cookie.get(key);

如何除錯與檢視cookie？

cookie可以透過某些瀏覽器的開發人員工具進行檢視，本文暫以Chrome為例。

開啟頁面後，可以透過 “右鍵-> 審查元素 ->resources”，然後如下圖中，設定了一個font-size為例，可以檢視到變數名、值、和過期時間等資訊。