Làm cách nào để xóa dữ liệu lưu trữ cục bộ trong HTML5?

Trong hướng dẫn này, bạn sẽ học cách sử dụng tính năng lưu trữ web HTML5 để lưu trữ dữ liệu trên trình duyệt của người dùng

Lưu trữ web là gì?

Tính năng lưu trữ web của HTML5 cho phép bạn lưu trữ cục bộ một số thông tin trên máy tính của người dùng, tương tự như cookie nhưng nhanh hơn và tốt hơn nhiều so với cookie. Tuy nhiên, lưu trữ web không an toàn hơn cookie. Vui lòng xem hướng dẫn về cookie PHP để tìm hiểu thêm về cookie

Thông tin được lưu trữ trong bộ lưu trữ web không được gửi đến máy chủ web trái ngược với cookie nơi dữ liệu được gửi đến máy chủ với mọi yêu cầu. Ngoài ra, trong khi cookie cho phép bạn lưu trữ một lượng dữ liệu nhỏ (gần 4KB), bộ lưu trữ trên web cho phép bạn lưu trữ tới 5MB dữ liệu

Có hai loại lưu trữ web, khác nhau về phạm vi và thời gian tồn tại

• Bộ nhớ cục bộ — Bộ nhớ cục bộ sử dụng đối tượng localStorage để lưu trữ dữ liệu cho toàn bộ trang web của bạn trên cơ sở lâu dài. Điều đó có nghĩa là dữ liệu cục bộ được lưu trữ sẽ có sẵn vào ngày tiếp theo, tuần tiếp theo hoặc năm tiếp theo trừ khi bạn xóa dữ liệu đó
• Lưu trữ phiên — Lưu trữ phiên sử dụng đối tượng sessionStorage để lưu trữ dữ liệu trên cơ sở tạm thời, cho một cửa sổ hoặc tab trình duyệt. Dữ liệu biến mất khi phiên kết thúc i. e. khi người dùng đóng cửa sổ hoặc tab trình duyệt đó

Mẹo. Tính năng lưu trữ web của HTML5 được hỗ trợ trong tất cả các trình duyệt web hiện đại chính như Firefox, Chrome, Opera, Safari và Internet Explorer 8 trở lên

Đối tượng lưu trữ cục bộ

Như đã nêu trước đó, đối tượng localStorage lưu trữ dữ liệu không có ngày hết hạn. Mỗi phần dữ liệu được lưu trữ trong một cặp khóa/giá trị. Khóa xác định tên của thông tin (như 'first_name') và giá trị là giá trị được liên kết với khóa đó (giả sử 'Peter'). Đây là một ví dụ

Ví dụ giải thích

Đoạn mã JavaScript trên có ý nghĩa như sau

• lưu trữ cục bộ. setItem(key, value) lưu trữ giá trị được liên kết với một khóa
• lưu trữ cục bộ. getItem(key) truy xuất giá trị được liên kết với khóa

Bạn cũng có thể xóa một mục cụ thể khỏi bộ lưu trữ nếu nó tồn tại, bằng cách chuyển tên khóa cho phương thức removeItem(), chẳng hạn như localStorage.removeItem("first_name")

Tuy nhiên, nếu bạn muốn xóa toàn bộ bộ nhớ, hãy sử dụng phương pháp clear(), chẳng hạn như localStorage.clear(). Phương thức clear() không có đối số và chỉ cần xóa tất cả các cặp khóa/giá trị khỏi localStorage cùng một lúc, vì vậy hãy suy nghĩ cẩn thận trước khi bạn sử dụng nó

Ghi chú. Dữ liệu lưu trữ trên web (cả localStorage và sessionStorage) sẽ không khả dụng giữa các trình duyệt khác nhau, ví dụ: dữ liệu được lưu trữ trong trình duyệt Firefox sẽ không khả dụng trong Google Chrome, Safari, Internet Explorer hoặc các trình duyệt khác

Đối tượng lưu trữ phiên

Đối tượng sessionStorage hoạt động giống như đối tượng localStorage, ngoại trừ việc nó chỉ lưu trữ dữ liệu cho một phiên i. e. dữ liệu vẫn còn cho đến khi người dùng đóng cửa sổ hoặc tab đó

nội dung.

Phần 1. Không gian lưu trữ ngoại tuyến Html5 là gì?

HTML5 Local Storage thực sự là một phần của giao diện lập trình ứng dụng lưu trữ Web. Đó là một cách để trang web tạo cục bộ lưu trữ dữ liệu trong trình duyệt web của người dùng. Nó tương tự như cookie theo một cách nào đó - dữ liệu được lưu trữ vẫn tồn tại ngay cả sau khi đóng tab trình duyệt, ngay cả khi bạn lướt từ trang web này sang trang web khác, ngay cả khi bạn đóng tab và ngay cả khi thoát khỏi trình duyệt chính

Tuy nhiên, nó khác với cookie ở chỗ dữ liệu không được gửi đến máy chủ Web từ xa trừ khi được thực hiện thủ công. Bộ nhớ cục bộ HTML5 được tích hợp vào nhiều trình duyệt web khác nhau và có sẵn mà không cần tiện ích mở rộng trình duyệt hoặc trình cắm của bên thứ ba

Bộ nhớ cục bộ được sử dụng để lưu trữ và truy xuất dữ liệu trong các trang HTML từ cùng một miền. Ngay cả khi trình duyệt được khởi động lại, việc khôi phục dữ liệu từ tất cả các cửa sổ trong cùng một miền có thể được thực hiện. Với Bộ nhớ cục bộ ngoại tuyến HTML5, lượng dữ liệu lớn hơn có thể được lưu trữ so với cookie. Dữ liệu cũng được gọi là an toàn hơn

Vì vậy, vấn đề với nó là gì? . Do đó, xóa bộ nhớ ngoại tuyến HTML5 cũng quan trọng như xóa cookie trên máy Mac

Vì vậy, chúng tôi ở đây để chỉ cho bạn một số cách dễ dàng mà bạn có thể thực hiện để xóa bộ nhớ cục bộ khỏi các trình duyệt như Chrome và Firefox. Chuyển sang phần tiếp theo

Phần 2. Làm cách nào để xóa bộ nhớ cục bộ khỏi Chrome và Firefox theo cách thủ công?

Thật không may, việc xóa Bộ lưu trữ ngoại tuyến HTML5 là không an toàn và có thể dẫn đến lỗi hệ thống. Lý do cho điều này là một số dữ liệu cục bộ không thể được xác định chính xác bằng Finder của Mac. Phải có những người dùng am hiểu kỹ thuật nâng cao mới làm được điều này

Làm cách nào để xóa bộ nhớ cục bộ trên Chrome Mac?

Làm cách nào để xóa bộ đệm trong HTML5 khi lỗi "hết dung lượng lưu trữ ngoại tuyến HTML5" xuất hiện?

1. Nhấn phím F12 để khởi chạy Google Chrome Console
2. Trong menu trên cùng của Bảng điều khiển Chrome, hãy chọn Ứng dụng
3. Sau đó, từ phía bên trái, nhấp đúp vào 'Bộ nhớ cục bộ' trong Bộ nhớ
4. Chọn trang web không mong muốn của bạn sau đó nhấp chuột phải vào nó
5. Nhấp vào Xóa để xóa bộ nhớ cục bộ khỏi Chrome

Làm cách nào để xóa bộ nhớ cục bộ Firefox?

Làm cách nào để xóa bộ nhớ cục bộ của trình duyệt nếu nó hết dung lượng lưu trữ ngoại tuyến HTML5?

1. Giữ Ctrl-Shift-Del cùng lúc để mở menu Xóa tất cả lịch sử trong Firefox
2. Đánh dấu vào ô trạng thái Cookies và nhấp vào Clear Now

Ghi chú. Chỉ chọn Cookies, bạn mới có thể xóa bộ nhớ cục bộ khỏi Firefox và điều này cũng có nghĩa là nó sẽ xóa mọi thứ, kể cả lịch sử trang web và ứng dụng của bạn

Phần 3. Làm cách nào để tự động xóa dữ liệu lưu trữ cục bộ ngoại tuyến HTML5?

Tuy nhiên, vẫn có cách để xóa Dữ liệu Lưu trữ Ngoại tuyến HTML5 mà không gây rắc rối cho hệ thống máy Mac của bạn. Vậy, điều kỳ diệu là gì?

Nó thực sự là một công cụ gọi là iMyMac PowerMyMac. Công cụ này bao gồm nhiều vấn đề khác nhau như bảo vệ quyền riêng tư khỏi trình duyệt của bạn và bảo mật trình duyệt. Nó giải quyết những vấn đề này bằng cách tự động dọn dẹp trình duyệt

Ngoài ra, nó giúp cải thiện hiệu suất của trình duyệt bằng cách xóa các tệp không cần thiết trong trình duyệt của bạn và dọn dẹp hoàn toàn. Nó có khả năng xóa cookie, tệp riêng tư và thông tin lịch sử trong nhiều trình duyệt khác nhau như Safari, Opera, Chrome, Internet Explorer và Firefox

Dưới đây là hướng dẫn từng bước về cách sử dụng công cụ nói trên để dọn dẹp không gian lưu trữ cục bộ ngoại tuyến HTML5 khi hết dung lượng lưu trữ ngoại tuyến HTML5

Nhận bản dùng thử miễn phí ngay bây giờ

1. Tải xuống và khởi chạy PowerMyMac. Bạn có thể chọn dùng thử miễn phí để xóa miễn phí 500MB dữ liệu đầu tiên của mình
2. Chuyển đến phía bên trái giao diện của chương trình và tìm Quyền riêng tư. Nhấp vào tùy chọn này
3. Nhấn Scan để bắt đầu quét thiết bị Mac cho các trình duyệt. Kết quả sẽ hiển thị danh sách các trình duyệt mà bạn có thể muốn dọn dẹp
4. Chọn một trình duyệt và một danh sách các danh mục bạn có thể muốn xóa sẽ hiển thị. Trong trường hợp này, hãy chọn Bộ nhớ cục bộ HTML5
5. Nhấn nút Clean để bắt đầu dọn dẹp. Sau đó, đợi cho đến khi toàn bộ quá trình dọn dẹp hoàn tất

Mẹo. Ưu điểm của công cụ Quyền riêng tư này của PowerMyMac.

• Dễ sử dụng - Nó có thể được sử dụng bởi người mới bắt đầu và những người không có bất kỳ kinh nghiệm viết mã nào
• Nhanh chóng - Nó quét máy Mac của bạn một cách toàn diện và nhanh chóng. Bạn không phải đợi hàng giờ chỉ để biết thêm về sự lộn xộn không cần thiết của trình duyệt
• Dùng thử miễn phí - Nó cung cấp cho bạn bản dùng thử miễn phí cho 500 MB đầu tiên. Bạn có thể trải nghiệm những lợi ích của công cụ nói trên mà không cần phải bỏ tiền ra
• Toàn diện và có chọn lọc - Bạn có thể tự do xem trước và chọn tệp hoặc dữ liệu nào bạn muốn dọn dẹp. Nếu bạn muốn giữ một số dữ liệu vào hệ thống của mình, bạn chỉ cần bỏ chọn chúng

Phần 4. Phần kết luận

Lưu trữ cục bộ ngoại tuyến HTML5 giống như cookie lưu trữ dữ liệu để có hiệu suất trình duyệt tốt hơn. Vấn đề với nó là nó tích lũy theo thời gian và chiếm dung lượng trong bất kỳ thiết bị nào, có thể là máy Mac hoặc PC Windows. Điều tốt về điều này là bạn có thể sửa chữa nó

Bạn thực sự có thể xóa Bộ lưu trữ ngoại tuyến cục bộ HTML5 của mình một cách dễ dàng bằng cách sử dụng iMyMac PowerMyMac vì việc xóa Bộ lưu trữ cục bộ HTML5 của bạn theo cách thủ công có thể gây ra lỗi hệ thống nếu bạn không phải là chuyên gia công nghệ

Với một vài cú nhấp chuột đơn giản, bạn có thể sử dụng công cụ Quyền riêng tư của PowerMyMac để giải phóng dung lượng Bộ nhớ cục bộ HTML5 và tăng tốc máy Mac của bạn

Làm cách nào để xóa lưu trữ dữ liệu cục bộ trong HTML5?

Khi dữ liệu lưu trữ phiên bị xóa trong HTML5?

Bộ nhớ cục bộ HTML5 nằm ở đâu?