Dale St. Marthe
Sử dụng bảng điều khiển Ứ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 cả tệp kê khai, worker dịch vụ, bộ nhớ và dữ liệu trong bộ nhớ đệm.
Tổng quan
Bảng điều khiển Ứng dụng được chia thành 4 phần có chứa các trình đơn phụ. Sau đây là các mục 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, các worker dịch vụ và bộ nhớ của ứng dụng.
- Thẻ Manifest (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. Ngoài ra, 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ẻ Service workers (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 một biểu đồ hình tròn cho biết mức phân bổ bộ nhớ mà bộ nhớ đệm, IndexedDB và các 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à một ứ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 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 các kho lưu trữ đối tượng trong trình duyệt.
- Danh sách Cookie cho phép bạn chọn một nguồn 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, đồng thời 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á các tài nguyên của 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 các kiểm thử trên bộ nhớ đệm cho thao tác tiến/lùi trong trình duyệt. Công cụ này cũng báo cáo những vấn đề có thể ngăn chặ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 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 hoạt động theo dõi tỷ lệ thoát 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 tỷ lệ thoát.
- 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á đị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). Nó cho biết trạng thái suy đoán, bộ quy tắc và các lần thử 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 nhật ký các thông báo đó.
- Thẻ Reporting API sẽ 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 hành vi vi phạm bảo mật.
- Thẻ Phiên được gắn với thiết bị cho phép bạn xem thông tin về các phiên được gắn với thiết bị và kiểm tra các sự kiện liên quan.
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à 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 Ứ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 Show Application (Hiện ứ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 Ứ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 Bảng điều khiển khác rồi chọn Ứ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.