Chrome Dev Tools - Sửa đổi javascript và tải lại
Câu trả lời:
Đây là một chút công việc xung quanh, nhưng một cách bạn có thể đạt được điều này là bằng cách thêm một điểm dừng khi bắt đầu tệp javascript hoặc chặn bạn muốn thao tác.
Sau đó, khi bạn tải lại, trình gỡ lỗi sẽ tạm dừng trên điểm dừng đó và bạn có thể thực hiện bất kỳ thay đổi nào bạn muốn đối với nguồn, lưu tệp và sau đó chạy trình gỡ lỗi thông qua mã sửa đổi.
Nhưng như mọi người đã nói, tải lại các thay đổi tiếp theo sẽ không còn nữa - ít nhất là cho phép bạn chạy một số máy khách JS được sửa đổi một chút.
var foo = 'bar'vào một tập lệnh không hiển thị foovới bàn điều khiển.
Tin tuyệt vời, bản sửa lỗi sẽ đến vào tháng 3 năm 2018, xem liên kết này: https://developers.google.com/web/updates/2018/01/devtools
"Ghi đè cục bộ cho phép bạn thực hiện các thay đổi trong DevTools và giữ các thay đổi đó trong quá trình tải trang. Trước đây, mọi thay đổi bạn thực hiện trong DevTools sẽ bị mất khi bạn tải lại trang. Ghi đè cục bộ hoạt động với hầu hết các loại tệp
Làm thế nào nó hoạt động:
- Bạn chỉ định một thư mục nơi DevTools sẽ lưu các thay đổi. Khi bạn thực hiện các thay đổi trong DevTools, DevTools sẽ lưu một bản sao của tệp đã sửa đổi vào thư mục của bạn.
- Khi bạn tải lại trang, DevTools phục vụ tệp cục bộ, đã sửa đổi, thay vì tài nguyên mạng.
Để thiết lập Ghi đè cục bộ:
- Mở bảng Nguồn.
- Mở tab Ghi đè.
- Nhấp vào Cài đặt ghi đè.
- Chọn thư mục bạn muốn lưu các thay đổi của bạn vào.
- Ở đầu chế độ xem của bạn, nhấp Cho phép để cấp cho DevTools đọc và ghi quyền truy cập vào thư mục.
- Hãy thay đổi. "
CẬP NHẬT (ngày 19 tháng 3 năm 2018): Nó trực tiếp, giải thích chi tiết tại đây: https://developers.google.com/web/updates/2018/01/devtools#overrides
Các Override Resource phần mở rộng cho phép bạn thực hiện chính xác rằng:
- tạo quy tắc tệp cho url bạn muốn thay thế
- chỉnh sửa js / css / etc trong phần mở rộng
- tải lại thường xuyên như bạn muốn :)
Tôi biết đó không phải là câu hỏi chính xác (Công cụ dành cho nhà phát triển Chrome) nhưng tôi đang sử dụng giải pháp này với thành công: http://www.telerik.com/fiddler
(khá chắc chắn một số nhà phát triển web đã biết về công cụ này)
- Lưu tệp cục bộ
- Chỉnh sửa theo yêu cầu
- Lợi nhuận!
Tài liệu đầy đủ: http://docs.telerik.com/fiddler/KnowledgeBase/AutoResponder
Tái bút Tôi thà để nó được triển khai trong Chrome dưới dạng cờ preserve after reload, không thể thực hiện điều này ngay bây giờ, các diễn đàn và nhóm thảo luận bị chặn trên mạng công ty :)
Có, chỉ cần mở Tab "Nguồn" trong công cụ dev và điều hướng đến tập lệnh bạn muốn thay đổi. Thực hiện điều chỉnh của bạn trực tiếp trong cửa sổ công cụ dev và sau đó nhấn ctrl + s để lưu tập lệnh - biết rằng js mới sẽ được sử dụng cho đến khi bạn làm mới toàn bộ trang.