Thay đổi: Theo dõi các thay đổi về HTML, CSS và JavaScript

Sofia Emelianova
Sofia Emelianova
GitHub

Sử dụng bảng điều khiển Changes (Thay đổi) để theo dõi các thay đổi mã được thực hiện trong Công cụ cho nhà phát triển.

Tổng quan

Trong bảng Changes (Thay đổi), hãy theo dõi các thay đổi mà bạn thực hiện đối với:

Bảng điều khiển Changes (Thay đổi) chỉ hiển thị các thay đổi mà bạn thực hiện trong Công cụ cho nhà phát triển. Nếu bạn tải lại Công cụ cho nhà phát triển hoặc trang của mình, thì các thay đổi sẽ biến mất.

Để Công cụ cho nhà phát triển duy trì các thay đổi sau khi tải trang, hãy làm theo các bước trong bài viết Ghi đè cục bộ.

Để Công cụ cho nhà phát triển ghi thay đổi vào các nguồn trên máy, hãy làm theo các bước trong bài viết Chỉnh sửa và lưu tệp bằng không gian làm việc.

Mở bảng điều khiển Changes (Thay đổi)

Cách mở bảng điều khiển Changes:

  1. Mở Công cụ cho nhà phát triển.

  2. Nhấn Command+Shift+P (Mac) hoặc Control+Shift+P (Windows, Linux, ChromeOS) để mở Trình đơn lệnh.

  3. Bắt đầu nhập changes, chọn Hiện các thay đổi rồi nhấn phím Enter.

    Chạy lệnh Hiện các thay đổi

Hoặc, ở góc trên bên phải, hãy nhấp vào Tuỳ chỉnh và kiểm soát Công cụ cho nhà phát triển > Công cụ khác > Thay đổi.

Các thay đổi được đặt tiêu điểm trong trình đơn thả xuống Công cụ khác

Theo mặc định, Công cụ cho nhà phát triển hiển thị bảng điều khiển Changes ở cuối cửa sổ Công cụ cho nhà phát triển, trong Ngăn.

Xem và hiểu rõ các thay đổi

Cách xem các thay đổi:

  1. Mở Công cụ cho nhà phát triển.

  2. Thực hiện thay đổi đối với nguồn của bạn:

  3. Mở bảng điều khiển Changes rồi chọn một tệp ở bên phải bảng điều khiển.

  4. Quan sát kết quả của diff để đánh dấu những nội dung sau:

Điểm khác biệt được đánh dấu trong bảng Thay đổi

Bảng điều khiển Changes tự động in kết quả diff, vì vậy, bạn không phải cuộn theo chiều ngang để xem các thay đổi trong một dòng.

Sao chép các thay đổi về CSS

Nếu bạn đã thay đổi CSS trong mục Phần tử > Kiểu, bạn có thể sao chép tất cả kiểu bằng một nút duy nhất:

  1. Mở bảng Changes và ở bên phải bảng điều khiển, hãy chọn tệp CSS mà bạn đã thay đổi.

    Sao chép.

  2. Nhấp vào nút Sao chép. Sao chép ở cuối bảng điều khiển Thay đổi.

Hoàn nguyên tất cả thay đổi đã thực hiện đối với tệp

Cách huỷ bỏ các thay đổi đối với một tệp:

  1. Ở bên trái bảng điều khiển Changes (Thay đổi), hãy chọn một tệp có các thay đổi cần huỷ bỏ.
  2. Trên thanh tác vụ ở dưới cùng, hãy nhấp vào Huỷ Hoàn nguyên tất cả thay đổi về tệp hiện tại.

Nút huỷ bỏ