Giám sát giao thức: Xem và gửi yêu cầu CDP

Dale St. Marthe
Dale St. Marthe

Sử dụng Trình giám sát giao thức để xem tất cả yêu cầu và phản hồi CDP do DevTools thực hiện, đồng thời trực tiếp gửi các lệnh CDP.

Tổng quan

Công cụ của Chrome cho nhà phát triển sử dụng Giao thức của Công cụ của Chrome cho nhà phát triển (CDP) để đo lường, kiểm tra, gỡ lỗi và lập hồ sơ cho trình duyệt Chrome. Nhà phát triển có thể sử dụng Trình theo dõi giao thức để làm việc với CDP theo phương thức lập trình.

Trình giám sát giao thức cho phép bạn làm những việc sau:

  • Ghi lại các yêu cầu và phản hồi của CDP
  • Kiểm tra thông báo CDP
  • Lưu thông báo CDP
  • Gửi lệnh CDP

Mở công cụ Giám sát giao thức

Để mở Trình giám sát giao thức, hãy làm theo các bước sau:

  1. Đảm bảo bạn đã bật thử nghiệm. Đánh dấu vào hộp Protocol Monitor (Trình giám sát giao thức) trong phần Settings (Cài đặt) > Experiments (Thử nghiệm).

  2. Mở trình đơn Command (Lệnh) bằng cách nhấn:

    • macOS: Command+Shift+P
    • Windows, Linux, ChromeOS: Ctrl+Shift+P Trình đơn lệnh có
  3. Bắt đầu nhập Protocol monitor, chọn Show Protocol monitor (Hiện trình theo dõi giao thức) 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 Protocol monitor (Trình giám sát giao thức) ở cuối cửa sổ Công cụ dành cho nhà phát triển.

Ngoài ra, ở 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 > Trình giám sát giao thức.

Ghi lại các yêu cầu và phản hồi của CDP

Khi bạn mở Trình giám sát giao thức, trình này sẽ tự động bắt đầu ghi lại thông điệp CDP từ trang hiện tại. Trình giám sát giao thức 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 thao tác ở đầu bảng điều khiển.

Nút ghi trong bảng điều khiển Trình giám sát giao thức.

Kiểm tra thông báo CDP

Khi Trình giám sát giao thức ghi lại, thông báo CDP sẽ được ghi lại trong một 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 về dữ liệu Yêu cầu hoặc Phản hồi ở bên phải bảng điều khiển.

Một phương thức được làm nổi bật trong bảng điều khiển Trình giám sát giao thức.

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.

Khi nhấp chuột phải vào một giá trị trong cột Phương thức, bạn sẽ thấy các tuỳ chọn dựa trên ngữ cảnh.

Xoá và tải thông báo CDP xuống

Để xoá tất cả thông báo CDP đã ghi lại, hãy nhấp vào nút xoá trong thanh thao tác.

Để tải các thông báo đã ghi xuống dưới dạng tệp JSON, hãy nhấp vào .

Gửi lệnh CDP thô

Có hai cách chính để gửi lệnh CDP thông qua Trình giám sát giao thức:

  • Nếu lệnh không yêu cầu bất kỳ tham số nào, hãy nhập lệnh vào trường nhập ở cuối Trình 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 cho biết mục tiêu.

Trình đơn thả xuống Mục tiêu được làm nổi bật trong công cụ Giám sát giao thức.

  • 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:

    1. Mở trình chỉnh sửa lệnh bằng cách nhấp vào nút Show CDP command editor (Hiển thị trình chỉnh sửa lệnh CDP) bên cạnh trường nhập lệnh.
    2. Chọn một mục tiêu trong danh sách thả xuống rồi bắt đầu nhập lệnh CDP bên cạnh lời nhắc lệnh. Tính năng tự động hoàn thành sẽ cung cấp cho bạn các lựa chọn phù hợp. Chọn lệnh bạn định sử dụng. Dữ liệu đầu vào lệnh trong trình giám sát giao thức.
    3. Sau khi bạn nhập lệnh CDP, trình chỉnh sửa sẽ tạo một dạng thông số có cấu trúc dựa trên các định nghĩa giao thức. Điền các thông số này để gửi cùng với lệnh của bạn. Thông số đầu vào với các tham số liên quan đến worker dịch vụ được liệt kê để điền.
    4. Gửi lệnh bằng cách nhấp vào nút 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 này. 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 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 lệnh Giao thức công cụ phát triển Chrome (CDP) một cách hiệu quả bằng trình chỉnh sửa lệnh mới.