Sử dụng Trình giám sát giao thức để xem tất cả các yêu cầu và phản hồi CDP do Công cụ cho nhà phát triển thực hiện và trực tiếp gửi lệnh CDP.
Tổng quan
Công cụ của Chrome cho nhà phát triển sử dụng Giao thức Chrome Công cụ cho nhà phát triển (CDP) để đo lường, kiểm tra, gỡ lỗi và phân tích tài nguyên trình duyệt Chrome. Nhà phát triển có thể sử dụng Trình giám sát giao thức để làm việc với CDP theo phương thức lập trình.
Giao thức giám sát cho phép bạn thực hiện những việc sau:
- Ghi lại các yêu cầu và phản hồi CDP
- Kiểm tra thông báo CDP
- Lưu tin nhắn CDP
- Gửi lệnh CDP
Mở Giám sát giao thức
Để mở phần Giám sát giao thức, hãy làm theo các bước sau:
Đảm bảo bạn đã bật thử nghiệm này. Chọn hộp kiểm Giám sát giao thức trong Cài đặtcài đặt > Thử nghiệm.
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
Protocol monitor, chọn Hiển thị màn hình giao thức rồi nhấn Enter. Công cụ cho nhà phát triển hiển thị bảng điều khiển Giao thức giám sát ở cuối cửa sổ Công cụ cho nhà phát triển.
Hoặc, ở góc trên cùng bên phải, hãy chọn more_vert Lựa chọn khác > Công cụ khác > Giám sát giao thức.
Ghi lại các yêu cầu và phản hồi CDP
Khi bạn mở Giao thức giám sát, công cụ sẽ tự động bắt đầu ghi lại thông báo CDP từ trang hiện tại. Giao thức giám sát sẽ tiếp tục ghi ngay cả khi bạn làm mới trang hoặc đóng Devtools.
Để dừng hoặc bắt đầu ghi, hãy nhấp vào nút ghi ở bên trái thanh tác vụ ở đầu bảng điều khiển.
Kiểm tra thông báo CDP
Khi Giao thức giám sát ghi lại, thông báo CDP được ghi trong bảng ở bên trái của bảng điều khiển.
Nhấp vào ô Phương thức, Yêu cầu hoặc Phản hồi để mở chế độ xem chi tiết của dữ liệu Yêu cầu hoặc Phản hồi ở bên phải bảng điều khiển.
Chuyển đổi giữa dữ liệu Yêu cầu hoặc Phản hồi bằng cách nhấp vào thẻ tiêu đề tương ứng.
Bạn sẽ thấy các lựa chọn dựa trên ngữ cảnh khi nhấp chuột phải vào một giá trị trong cột Method (Phương thức).
Xóa và tải thông báo CDP xuống
Để xóa tất cả thông báo CDP đã ghi, hãy nhấp vào nút xóachặn trong thanh thao tác.
Để tải các tin nhắn đã ghi xuống dưới dạng tệp JSON, hãy nhấp vào nút tải xuống tải xuống.
Gửi các lệnh CDP thô
Có hai cách chính để gửi lệnh CDP thông qua Giao thức giám sát:
Nếu lệnh không yêu cầu tham số nào, hãy nhập lệnh vào trường nhập dữ liệu ở cuối phần Protocol Monitor (Giám sát giao thức), sau đó nhấn Enter, ví dụ:
Page.captureScreenshot.Nếu lệnh yêu cầu tham số, hãy cung cấp tham số ở định dạng JSON, ví dụ:
{"cmd":"Page.captureScreenshot","args":{"format": "jpeg"}}.Trình đơn thả xuống ở bên phải trường nhập dữ liệu sẽ chỉ định mục tiêu.
Bạn cũng có thể sử dụng trình chỉnh sửa CDP để chỉnh sửa và đưa ra lệnh:
- Mở trình chỉnh sửa lệnh bằng cách nhấp vào nút left_panel_open hiện trình chỉnh sửa lệnh CDP bên cạnh trường nhập lệnh.
- Chọn một mục tiêu từ danh sách thả xuống và bắt đầu nhập lệnh CDP bên cạnh dấu nhắc lệnh. Tính năng Tự động hoàn thành cung cấp cho bạn các lựa chọn liên quan. Chọn lệnh mà bạn định sử dụng.
- Sau khi bạn nhập lệnh CDP, trình chỉnh sửa sẽ tạo một dạng tham số có cấu trúc dựa trên định nghĩa giao thức. Hãy điền vào các tham số này để gửi bằng lệnh.
- Gửi lệnh bằng cách nhấp vào nút gửi Gửi lệnh hoặc nhấn tổ hợp phím Ctrl + Enter.
Bạn cũng có thể chỉnh sửa và gửi lại lệnh từ bảng. Nhấp chuột phải vào một mục trong bảng rồi chọn Chỉnh sửa và gửi lại trong trình đơn thả xuống. Thao tác này sẽ tự động mở lại trình chỉnh sửa CDP và điền sẵn bằng lệnh bạn đã chọn.
Để biết thêm thông tin về trình chỉnh sửa CDP, hãy xem bài viết Tạo các lệnh Giao thức Chrome Devtools (CDP) một cách hiệu quả bằng trình chỉnh sửa lệnh mới.