BrowserTính năngDevtools

Devtools

DevTools cho phép bạn theo dõi và gỡ lỗi phiên trình duyệt của mình trong thời gian thực, cho dù trong phiên trực tiếp hay trong lịch sử phiên. DevTools rất phong phú về nội dung, bao gồm ba loại sự kiện chính:

Console

Bảng điều khiển Console hiển thị đầu ra nhật ký thời gian thực từ trang. Trong playground, việc thêm các câu lệnh như console.log cho phép bạn nhanh chóng kiểm tra các giá trị biến, theo dõi việc thực thi hàm và xác định các lỗi logic—đặc biệt hữu ích khi gỡ lỗi các script tự động hoặc quy trình công việc phức tạp.

  • Nhật ký trực tiếp và Giám sát lỗi: Xem nhật ký, cảnh báo và thông báo lỗi thời gian thực do JavaScript của trang tạo ra để nhanh chóng xác định các vấn đề về mã.
  • Gỡ lỗi các script tự động: Console là một công cụ không thể thiếu để gỡ lỗi các script tự động. Bạn có thể xuất thông tin chính, theo dõi luồng thực thi của script và xem các lỗi tiềm ẩn phía máy chủ, cải thiện đáng kể hiệu quả gỡ lỗi.

console.gif

Network

Bảng Network cung cấp tổng quan rõ ràng về các chi tiết cơ bản của mỗi yêu cầu và cho phép bạn kiểm tra thông tin yêu cầu đầy đủ—chẳng hạn như tiêu đề phản hồi—bằng cách nhấp để mở rộng các mục riêng lẻ.

  • Phân tích hiệu suất: Xác định các tắc nghẽn làm chậm quá trình tải trang, chẳng hạn như hình ảnh lớn hoặc phản hồi API chậm, bằng cách phân tích dòng thời gian yêu cầu mạng và thời gian tải.
  • Kiểm tra yêu cầu và phản hồi: Kiểm tra các thuộc tính của từng tài nguyên, chẳng hạn như tiêu đề HTTP, nội dung và kích thước của chúng, để đảm bảo chúng đang tải như mong đợi. Bạn cũng có thể tìm kiếm tiêu đề và phản hồi của tất cả các tài nguyên để xác minh các cấu hình như chính sách bộ nhớ đệm.

network.gif

Elements

Bảng Elements cho phép bạn xem trực tiếp cấu trúc HTML hiện tại của trang và các kiểu CSS liên quan.

elements.gif

Bạn muốn tận dụng tối đa các phiên trực tiếp của mình? Console Trình duyệt Scrapeless cho phép bạn kiểm tra các phần tử, chạy script trong thời gian thực và gỡ lỗi trực tiếp trên đám mây. Tìm hiểu cách sử dụng nó để tăng tốc độ phát triển và khắc phục sự cố 👉Console Trình duyệt thời gian thực hoàn toàn mới đã được ra mắt

Phát lại phiênHồ sơ