Sử dụng bảng điều khiển Application (Ứng dụng) để kiểm tra, sửa đổi và gỡ lỗi nhiều khía cạnh của ứng dụng web, bao gồm tệp kê khai, trình chạy dịch vụ, bộ nhớ và dữ liệu bộ nhớ đệm.
Tổng quan
Bảng điều khiển Application (Ứng dụng) được chia thành 4 phần chứa các trình đơn phụ. Sau đây là các phần và trình đơn phụ:
Ứng dụng: Chứa thông tin tổng quan về ứng dụng, bao gồm cả tệp kê khai, trình chạy dịch vụ và bộ nhớ.
- Thẻ Tệp kê khai trình bày thông tin từ
manifest.jsontheo cách thân thiện với người dùng. Trang này cũng hiển thị các lỗi và cảnh báo (nếu có) trong phần tương ứng. - Thẻ Trình chạy dịch vụ cho phép bạn kiểm tra và gỡ lỗi trình chạy dịch vụ bằng cách mô phỏng các sự kiện đẩy, cập nhật dịch vụ, v.v.
- Thẻ Bộ nhớ chứa biểu đồ hình tròn cho thấy mức phân phối bộ nhớ mà bộ nhớ đệm, IndexedDB và worker dịch vụ sử dụng. Bạn cũng có thể xoá dữ liệu trang web và mô phỏng hạn mức bộ nhớ tuỳ chỉnh.
Bộ nhớ: Xem và chỉnh sửa các phương thức lưu trữ mà ứng dụng web sử dụng.
- Danh sách Bộ nhớ cục bộ và Bộ nhớ phiên cho phép bạn chọn một nguồn gốc và chỉnh sửa các cặp khoá-giá trị của các phương thức lưu trữ được liên kết.
- Danh sách IndexedDB chứa các cơ sở dữ liệu và cho phép bạn kiểm tra kho đối tượng từ trình duyệt.
- Danh sách Cookie cho phép bạn chọn một nguồn gốc và chỉnh sửa các cặp khoá-giá trị.
- Mã thông báo trạng thái riêng tư và Nhóm mối quan tâm cho phép bạn kiểm tra mã thông báo và nhóm tương ứng (nếu có).
- Danh sách Bộ nhớ dùng chung cho phép bạn chọn một nguồn gốc, kiểm tra và chỉnh sửa các cặp khoá-giá trị được liên kết.
- Danh sách Bộ nhớ đệm chứa các bộ nhớ đệm hiện có và cho phép bạn kiểm tra, lọc và xoá tài nguyên của các bộ nhớ đệm đó.
Dịch vụ nền: Kiểm tra, kiểm thử và gỡ lỗi dịch vụ nền.
- Thẻ Bộ nhớ đệm cho thao tác tiến/lùi cho phép bạn chạy kiểm thử trên bộ nhớ đệm cho thao tác tiến/lùi trong trình duyệt. Báo cáo này cũng báo cáo các vấn đề có thể ngăn việc lưu vào bộ nhớ đệm cho thao tác tiến/lùi.
- Thẻ Tìm nạp ở chế độ nền cho phép bạn ghi lại hoạt động từ Background Fetch API (API Tìm nạp ở chế độ nền) trong tối đa 3 ngày.
- Thẻ Đồng bộ hoá ở chế độ nền cho phép bạn ghi lại hoạt động từ Background Sync API (API Đồng bộ hoá ở chế độ nền) trong tối đa 3 ngày.
- Thẻ Giảm thiểu hoạt động theo dõi số trang không truy cập cho phép bạn xác định và xoá trạng thái của những trang web có vẻ như đang thực hiện hoạt động theo dõi trên nhiều trang web bằng kỹ thuật theo dõi số trang không truy cập.
- Thẻ Thông báo cho phép bạn ghi lại thông báo đẩy trong tối đa 3 ngày.
- Thẻ Trình xử lý thanh toán cho phép bạn ghi lại các sự kiện của Trình xử lý thanh toán trong tối đa 3 ngày.
- Thẻ Đồng bộ hoá định kỳ ở chế độ nền cho phép bạn ghi lại các sự kiện chính trong tối đa 3 ngày trong vòng đời đồng bộ hoá định kỳ ở chế độ nền, chẳng hạn như đăng ký đồng bộ hoá, thực hiện đồng bộ hoá ở chế độ nền và huỷ đăng ký.
- Thẻ Speculative loads (Tải theo suy đoán) cho phép bạn gỡ lỗi Speculative Loads (Tải theo suy đoán). Trạng thái này cho biết trạng thái tải theo suy đoán, bộ quy tắc và các lượt tải theo suy đoán.
- Thẻ Tin nhắn đẩy cho phép bạn ghi lại và ghi nhật ký tin nhắn đẩy trong tối đa 3 ngày.
- Thẻ API báo cáo theo dõi trang web của bạn và báo cáo các lệnh gọi API không dùng nữa cũng như các lỗi vi phạm bảo mật.
Khung: Phân chia các trang và tài nguyên thành nhiều chế độ xem, đồng thời hiển thị thông tin có liên quan, chẳng hạn như Bảo mật và cách ly, Chính sách bảo mật nội dung, Khả năng sử dụng API, v.v.
Mở bảng điều khiển Ứng dụng
Cách mở bảng điều khiển Application (Ứng dụng):
- Mở Công cụ cho nhà phát triển.
- Mở trình đơn Command (Lệnh) bằng cách nhấn:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Ctrl+Shift+P
- Bắt đầu nhập
application, chọn Show Application (Hiển thị ứng dụng) rồi nhấn Enter. Công cụ dành cho nhà phát triển sẽ hiển thị bảng điều khiển Application (Ứng dụng) ở đầu cửa sổ Công cụ dành cho nhà phát triển.
Ngoài ra, bạn có thể mở bảng điều khiển Application (Ứng dụng) theo các cách sau:
- Trong thanh thao tác ở trên cùng, hãy nhấp vào biểu tượng More panels (Bảng điều khiển khác) rồi chọn Application (Ứng dụng) trong danh sách thả xuống.
- Ở góc trên cùng bên phải, hãy chọn biểu tượng Tuỳ chọn khác > Công cụ khác > Ứng dụng.