Nếu bạn thấy mình chạy cùng một đoạn mã trong Bảng điều khiển nhiều lần, hãy cân nhắc việc lưu mã đó dưới dạng đoạn mã. Đoạn mã có quyền truy cập vào ngữ cảnh JavaScript của trang. Chúng là giải pháp thay thế cho dấu trang.
Bạn có thể tạo các đoạn trích trong bảng điều khiển Nguồn và chạy các đoạn trích đó 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 Công cụ cho nhà phát triển ở bên trái và một số mã nguồn đoạn mã trong ngăn Nguồn > Đoạn mã ở bên phải.
Dưới đây là đoạn mã nguồn ghi lại một số thông báo và thay thế nội dung HTML của trang chủ bằng 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 để cho thấy thông báo Hello, Snippets!
cho biết đoạn mã này và nội dung của trang sẽ thay đổi.
Mở ngăn Đoạn mã
Ngăn Đoạn trích liệt kê các đoạn mã của bạn. Để chỉnh sửa đoạn trích, hãy mở đoạn trích đó theo một trong hai cách:
Chuyển đến Nguồn > > Đoạn trích.
Từ Trình đơn lệnh:
- Nhấn Control+Shift+P (Windows/Linux) hoặc Command+Shift+P (Mac) để mở Trình đơn lệnh.
- Bắt đầu nhập
Snippets
, chọn Hiển thị đoạn mã rồi nhấn phím Enter.
Ngăn Nguồn>Đoạn trích hiển thị cho bạn danh sách các đoạn mã đã lưu, trong ví dụ này 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 từ Trình đơn lệnh ở bất kỳ vị trí nào trong Công cụ cho nhà phát triển.
Ngăn Đoạn mã sắp xếp các đoạn mã của bạn 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 Đoạn mã mới.
Nhập tên cho đoạn mã rồi nhấn Enter để lưu.
Tạo một đoạn mã từ trình đơn Command
- Di chuyển con trỏ vào vị trí bất kỳ bên trong Công cụ cho nhà phát triển.
- Nhấn 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 Tạo đoạn mã mới rồi nhấn Enter để chạy lệnh.
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 mã
- Mở ngăn Đoạn mã.
Trong ngăn Đoạn mã, hãy nhấp vào tên đoạn mã mà bạn muốn chỉnh sửa. Bảng điều khiển Sources (Nguồn) sẽ mở bảng điều khiển này trong Code Editor (Trình soạn thảo mã).
Sử dụng Trình soạn thảo mã để chỉnh sửa đoạn mã trong đoạn mã của bạn. Dấu hoa thị bên cạnh tên đoạn mã có nghĩa là bạn chưa lưu các thay đổi của mình.
Nhấn Control+S (Windows/Linux) hoặc Command+S (Mac) để lưu.
Chạy đoạn mã
Tương tự như việc tạo một đoạn mã, bạn có thể chạy đoạn mã đó cả trong ngăn Đoạn trích và từ Trình đơn lệnh.
Chạy một đoạn mã trong bảng điều khiển Nguồn
- Mở ngăn Đoạn mã.
- Nhấp vào tên của đoạn mã bạn muốn chạy. Bảng điều khiển Sources (Nguồn) sẽ mở bảng điều khiển này trong Code Editor (Trình soạn thảo mã).
Nhấp vào Run (Chạy) trong thanh thao tác ở cuối trình chỉnh sửa hoặc nhấn tổ hợp phím Control+Enter (Windows/Linux) hoặc Command+Enter (Mac).
Chạy một đoạn mã qua trình đơn Command
- Di chuyển con trỏ vào vị trí bất kỳ bên trong Công cụ cho nhà phát triển.
- Nhấn Control+O (Windows/Linux) hoặc Command+O (Mac) để mở Trình đơn lệnh.
Nhập ký tự
!
, theo sau là tên đoạn mã mà bạn muốn chạy.Nhấn phím Enter để chạy đoạn mã.
Đổi tên đoạn mã
- Mở ngăn Đoạn mã.
- Nhấp chuột phải vào tên đoạn mã rồi chọn Đổi tên.
Xoá đoạn trích
- Mở ngăn Đoạn mã.
- Nhấp chuột phải vào tên đoạn mã rồi chọn Xoá.