Mẹo cho công cụ cho nhà phát triển: Đoạn mã và biểu thức trực tiếp

Sofia Emelianova
Sofia Emelianova
GitHub

Sử dụng Đoạn mã trong DevTools để chạy mã bạn thường xuyên sử dụng và biểu thức trực tiếp để theo dõi các giá trị JavaScript theo thời gian thực.

Hãy xem video để tìm hiểu cách:

  • Tạo một đoạn mã hoặc mở ngăn Đoạn mã:

  • Chạy đoạn mã mới:

    • Bằng phím tắt Command / Control + Enter trong Sources (Nguồn)
    • Trong Command Menu (Trình đơn lệnh) bằng !.

  • Truyền giá trị đến đoạn mã:

    1. Tạm dừng bằng điểm ngắt.
    2. Đặt giá trị trong ngăn Nguồn > Phạm vi.
    3. Tiếp tục thực thi.

  • Thực thi các đoạn mã từ Console: tải các đoạn mã đó dưới dạng hàm toàn cục và chạy một lần.

  • Sử dụng Console Utilities API (API tiện ích của bảng điều khiển) trong các đoạn mã.

  • Sử dụng Console > Biểu thức trực tiếp:

    • Để thực thi một đoạn mã mà bạn muốn chạy nhiều lần, chẳng hạn như trong một phiên gỡ lỗi.
    • Xem các giá trị thay đổi như thế nào trong quá trình thực thi theo thời gian thực.

Để tìm hiểu thêm, hãy xem: