Có một tính năng của Chrome DevTools cho phép bạn:
- Xem mã của bất kỳ tài nguyên nhất định nào mà trang web hiện tại đang sử dụng (như CSS và JavaScript).
- “Bản in đẹp” (định dạng để dễ đọc)
- Lưu nó vào đĩa
- Sử dụng phiên bản đã lưu đó để ghi đè phiên bản trực tiếp, ngay cả khi làm mới trang.
Điều cuối cùng là khá tuyệt vời. Nếu bạn đang gỡ lỗi một vấn đề dường như chỉ xảy ra trên trang web trực tiếp, nó cung cấp cho bạn một công cụ gỡ lỗi cho phép bạn giải quyết tận gốc vấn đề.
Chúng tôi sẽ sử dụng tính năng đó ở đây để tìm ra một lỗi kỳ lạ mà tôi đang gặp phải.
Nói đến mức cao nhất, bạn thậm chí có thể sử dụng DevTools làm trình chỉnh sửa mã chính của mình, vì nó có khả năng ánh xạ các tệp trở lại vị trí dự án thực tế của bạn trên đĩa.