Google sử dụng công nghệ AI để dịch nội dung sang ngôn ngữ bạn ưu tiên. Bản dịch bằng AI có thể có lỗi.

Chạy đoạn mã JavaScript

Kayce Basques

Sofia Emelianova

Nếu bạn thấy mình chạy cùng một mã trong Bảng điều khiển nhiều lần, hãy cân nhắc lưu mã dưới dạng đoạn mã. Đoạn mã có quyền truy cập vào bối cảnh JavaScript của trang. Đây là một giải pháp thay thế cho bookmarklet.

Bạn có thể tạo đoạn mã trong bảng điều khiển Nguồn rồi chạy các đoạn mã đó trên bất kỳ trang nào và ở chế độ ẩn danh.

Ví dụ: ảnh chụp màn hình bên dưới cho thấy trang chủ tài liệu về Công cụ cho nhà phát triển ở bên trái và một số mã nguồn của đoạn mã trong ngăn Sources > Snippets (Nguồn > Đoạn mã) ở bên phải.

Trang chủ tài liệu về Công cụ cho nhà phát triển trước khi chạy đoạn mã. Nút Chạy được làm nổi bật.

Dưới đây là mã nguồn của đoạn mã ghi lại một số thông báo và thay thế phần nội dung HTML của trang chủ bằng một phần tử <p> chứa thông báo:

console.log('Hello, Snippets!');
document.body.innerHTML = '';
const p = document.createElement('p');
p.textContent = 'Hello, Snippets!';
document.body.appendChild(p);

Khi bạn nhấp vào nút Run (Chạy), ngăn Console (Bảng điều khiển) sẽ bật lên để hiển thị thông báo Hello, Snippets! mà đoạn mã ghi lại và nội dung của trang sẽ thay đổi.

Trang chủ sau khi chạy đoạn mã.

Mở ngăn Đoạn mã

Ngăn Snippets (Đoạn mã) liệt kê các đoạn mã của bạn. Để chỉnh sửa một đoạn mã, hãy mở đoạn mã đó theo một trong hai cách sau:

Chuyển đến Sources > > Snippets (Nguồn > > Đoạn mã).
Trong Trình đơn lệnh:
1. Nhấn tổ hợp phím Control+Shift+P (Windows/Linux) hoặc Command+Shift+P (Mac) để mở Trình đơn lệnh.
2. Bắt đầu nhập Snippets, chọn Show Snippets (Hiện đoạn mã) rồi nhấn phím Enter.

Ngăn Sources (Nguồn)>Snippets (Đoạn mã) cho bạn thấy danh sách các đoạn mã bạn đã lưu, trong ví dụ này là trống.

Ngăn Đoạn mã trống.

Tạo đoạn mã

Bạn có thể tạo đoạn mã trong ngăn Đoạn mã hoặc bằng cách chạy lệnh tương ứng trong Trình đơn lệnh ở bất cứ đâu trong Công cụ cho nhà phát triển.

Ngăn Đoạn mã sắp xếp các đoạn mã theo thứ tự bảng chữ cái.

Tạo đoạn mã trong bảng điều khiển Nguồn

Mở ngăn Đoạn mã.
Nhấp vào biểu tượng Đoạn mã mới.
Nhập tên cho đoạn mã rồi nhấn phím Enter để lưu.

Di chuyển con trỏ đến vị trí bất kỳ trong Công cụ cho nhà phát triển.
Nhấn tổ hợp phím Control+Shift+P (Windows/Linux) hoặc Command+Shift+P (Mac) để mở Trình đơn lệnh.
Bắt đầu nhập Snippet, chọn Create new snippet (Tạo đoạn mã mới), sau đó nhấn phím Enter để chạy lệnh.

Hãy xem phần Đổi tên đoạn mã nếu bạn muốn đặt tên tuỳ chỉnh cho đoạn mã mới.

Chỉnh sửa đoạn trích

Mở ngăn Đoạn mã.
Trong ngăn Đoạn mã, hãy nhấp vào tên của đoạn mã mà bạn muốn chỉnh sửa. Bảng điều khiển Nguồn sẽ mở tệp đó trong Trình soạn thảo mã.
Sử dụng Trình soạn thảo mã để chỉnh sửa mã trong đoạn mã của bạn. Dấu hoa thị bên cạnh tên đoạn mã cho biết bạn chưa lưu các thay đổi của mình.
Nhấn tổ hợp phím Control+S (Windows/Linux) hoặc Command+S (Mac) để lưu.