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 bốn 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 tệp kê khai, trình chạy dịch vụ và bộ nhớ.
- Thẻ Manifest trình bày thông tin từ
manifest.jsontheo cách thân thiện với người dùng. Bảng này cũng cho thấy các lỗi và cảnh báo (nếu có) trong phần tương ứng. - Thẻ Service worker (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ẻ Storage (Bộ nhớ) chứa một biểu đồ hình tròn cho thấy tình trạng phân bổ bộ nhớ mà bộ nhớ đệm, IndexedDB và trình chạy 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.
- Các danh sách 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ặ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ơ sở dữ liệu và cho phép bạn kiểm tra các kho lưu trữ đố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 các 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 cũng như 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 có sẵn và cho phép bạn kiểm tra, lọc và xoá các tài nguyên của bộ nhớ đệm.
Dịch vụ nền: Kiểm tra, kiểm tra và gỡ lỗi các 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. Trang này cũng báo cáo các vấn đề có thể ngăn cản việc lưu vào bộ nhớ đệm cho thao tác tiến/lùi.
- Thẻ Tìm nạp trong nền cho phép bạn ghi lại hoạt động qua API tìm nạp trong nền trong tối đa 3 ngày.
- Thẻ Đồng bộ hoá trong nền cho phép bạn ghi lại hoạt động từ Background Sync API 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 các trang web có vẻ như đang theo dõi trên nhiều trang web bằng cách sử dụ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 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á ở chế độ nền định kỳ, chẳng hạn như đăng ký đồng bộ hoá, đồng bộ hoá ở chế độ nền và huỷ đăng ký.
- Thẻ Tải theo suy đoán cho phép bạn gỡ lỗi cho nội dung Tải theo suy đoán. Công cụ này cho biết trạng thái suy đoán, tập hợp quy tắc và lượt tải theo suy đoán.
- Thẻ Thông báo đẩy cho phép bạn ghi lại thông báo đẩy trong tối đa 3 ngày và ghi lại thông báo đó.
- Thẻ API Báo cáo giám sát 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 về bảo mật.
Khung: Chia các trang và tài nguyên thành nhiều khung hiển thị, đồng thời hiển thị thông tin liên quan, chẳng hạn như Bảo mật và tách biệt, Chính sách bảo mật nội dung, Khả năng sử dụng API và nhiều thông tin khác.
Mở bảng điều khiển Application
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 lệnh bằng cách nhấn:
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- Bắt đầu nhập
application, chọn Hiển thị ứng dụng rồi nhấn Enter. Công cụ cho nhà phát triển hiển thị bảng điều khiển Ứng dụng ở đầu cửa sổ Công cụ 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 double_arrow Bảng điều khiển khác và chọn Ứng dụng từ danh sách thả xuống.
- Ở góc trên cùng bên phải, hãy chọn more_vert Tuỳ chọn khác > Công cụ khác > Ứng dụng.