Xem, thêm, chỉnh sửa và xoá cookie

Kayce Basques
Kayce Basques
X GitHub
Sofia Emelianova
Sofia Emelianova
GitHub

Cookie HTTP chủ yếu được dùng để quản lý phiên người dùng, lưu trữ các lựa chọn ưu tiên cá nhân hoá của người dùng và theo dõi hành vi của người dùng. Chúng cũng là nguyên nhân gây ra tất cả những biểu mẫu đồng ý phiền toái "trang này sử dụng cookie" mà bạn thấy trên web. Hướng dẫn này sẽ hướng dẫn bạn cách xem, thêm, chỉnh sửa và xoá cookie của một trang bằng Chrome DevTools.

Mở ngăn Cookie

  1. Mở Chrome DevTools.
  2. Mở Application (Ứng dụng) > Storage (Bộ nhớ) > Cookies rồi chọn một nguồn gốc.

Ngăn Cookie.

Trường

Bảng Cookie chứa các trường sau:

  • Tên. Tên của cookie.
  • Giá trị. Giá trị của cookie.
  • Miền. Những máy chủ được phép nhận cookie.
  • Đường dẫn. URL phải có trong URL được yêu cầu để gửi tiêu đề Cookie.
  • Hết hạn / Độ tuổi tối đa. Ngày hết hạn hoặc độ tuổi tối đa của cookie. Đối với cookie phiên, giá trị này luôn là Session.
  • Kích thước. Kích thước của cookie, tính bằng byte.
  • HttpOnly. Nếu đúng, trường này cho biết rằng cookie chỉ được dùng qua HTTP và không được phép sửa đổi JavaScript.
  • Bảo mật. Nếu đúng, trường này cho biết cookie chỉ có thể được gửi đến máy chủ qua một kết nối HTTPS bảo mật.
  • SameSite. Chứa Strict hoặc Lax nếu cookie đang sử dụng thuộc tính SameSite thử nghiệm.
  • Khoá phân vùng. Đối với cookie có trạng thái phân vùng độc lập, khoá phân vùng là trang web của URL cấp cao nhất mà trình duyệt đang truy cập vào lúc bắt đầu yêu cầu đến điểm cuối đã đặt cookie.
  • Mức độ ưu tiên. Chứa Low, Medium (mặc định) hoặc High nếu sử dụng thuộc tính cookie Priority không được dùng nữa.

Để xem giá trị của một cookie, hãy chọn cookie đó trong bảng. Để xem giá trị không có ký tự mã hoá phần trăm, hãy đánh dấu vào Hiển thị giá trị cookie đã giải mã của URL.

Lọc cookie

Sử dụng hộp Bộ lọc để lọc cookie theo Tên hoặc Giá trị.

Lọc bỏ mọi cookie không chứa "id".

Không được hỗ trợ lọc theo các trường khác. Bộ lọc không phân biệt chữ hoa chữ thường.

Cách thêm một cookie tuỳ ý:

  1. Nhấp đúp vào một hàng trống trong bảng.
  2. Nhập Tên và Giá trị rồi nhấn phím Enter.

Công cụ cho nhà phát triển sẽ tự động điền các trường bắt buộc khác. Bạn có thể chỉnh sửa các nhãn này như mô tả ở phần tiếp theo.

Chỉnh sửa cookie

Bạn có thể chỉnh sửa tất cả các trường, ngoại trừ trường Kích thước sẽ tự động cập nhật.

Nhấp đúp vào một trường để chỉnh sửa trường đó.

Đặt tên của một cookie thành "DEVTOOLS!"

DevTools làm nổi bật các cookie có giá trị trường không hợp lệ bằng màu đỏ.

Một cookie có giá trị Partition Key không hợp lệ.

Để lọc ra các cookie hợp lệ, hãy đánh dấu vào Chỉ hiển thị cookie có vấn đề trong thanh thao tác trên cùng.

Xoá cookie

Để xoá một cookie, hãy chọn cookie đó rồi nhấp vào biểu tượng Xoá cookie đã chọn trong thanh thao tác trên cùng.

Xoá cookie đã chọn.

Nhấp vào biểu tượng Xoá tất cả để xoá tất cả cookie.

Xoá tất cả cookie.

Xác định và kiểm tra cookie của bên thứ ba

Cookie của bên thứ ba là những cookie do một trang web khác với trang cấp cao nhất hiện tại đặt. Cookie của bên thứ ba có thuộc tính SameSite=None.

DevTools liệt kê những cookie này trong Application (Ứng dụng) > Storage (Bộ nhớ) > Cookies (Cookie) và cho thấy biểu tượng (cảnh báo) bên cạnh những cookie này. Di chuột lên biểu tượng để xem chú thích và nhấp vào biểu tượng đó để chuyển đến bảng điều khiển Vấn đề để biết thêm thông tin.

Cookie có thuộc tính SameSite=None trong phần Bộ nhớ.

Bạn cũng có thể tìm cookie của bên thứ ba trong Network (Mạng) > nhấp vào yêu cầu > Cookies (Cookie).

Cookie có thuộc tính SameSite=None trong bảng điều khiển Mạng.

Bảng điều khiển Mạng làm nổi bật những cookie có vấn đề và cho thấy biểu tượng bên cạnh những cookie bị ảnh hưởng khi cookie của bên thứ ba không có sẵn.