Chỉnh sửa Javascript bằng Công cụ dành cho nhà phát triển Chrome

Tôi đang cố gắng chỉnh sửa javascript trên một trang web bằng Công cụ dành cho nhà phát triển của Chrome. Tôi đã đọc khoảng 30 tài khoản về cách làm điều này cũng như xem một vài video. Thực tế là, khi tôi truy cập tab nguồn và mở tệp tôi muốn chỉnh sửa, tôi không thể làm gì với nó. Có một số bước tôi bị thiếu?

Tôi có thể tạo các điểm ngắt, bước qua, v.v. Tôi chỉ không thể chỉnh sửa. Chức năng này có bị xóa gần đây không?

Tôi biết câu hỏi này là cũ, nhưng tôi vừa gặp một vấn đề tương tự và đã tìm ra giải pháp.

Nếu bạn đã xác minh trước tệp, Chrome sẽ không cho phép chỉnh sửa. Tôi đã tắt nó đi và có thể chỉnh sửa. Sẵn sàng đặt cược đây là / là vấn đề của bạn.

Bạn có thể chỉnh sửa javascript trong công cụ dành cho nhà phát triển trên tab "Nguồn", NHƯNG nó sẽ chỉ cho phép bạn chỉnh sửa javascript trong tệp của chính nó. Tập lệnh được nhúng trong tệp HTML (hoặc PHP) sẽ vẫn ở chế độ chỉ đọc.

Nó có một số hạn chế:

1. phải là một tệp JS. không thể được nhúng các thẻ trong một trang html.

2. nó không thể được kiểm chứng.

Tôi không biết bạn có cần lưu cái này vĩnh viễn hay không, nhưng nếu bạn cần chỉ cần tạm thời sửa đổi js:

Tôi có thể sao chép javascript mà tôi muốn sửa đổi vào một trình soạn thảo văn bản, chỉnh sửa nó, sau đó dán nó vào bảng điều khiển và nó sẽ xác định lại bất kỳ chức năng nào hoặc bất kỳ thứ gì tôi cần được xác định lại.

ví dụ: nếu trang có:

<script>
var foo = function() { console.log("Hi"); }
</script>

Tôi có thể lấy nội dung giữa tập lệnh, chỉnh sửa nó, sau đó nhập nó vào trình gỡ lỗi như:

foo = function() { console.log("DO SOMETHING DIFFERENT"); }

và nó sẽ làm việc cho tôi.

Hoặc nếu bạn thích,

function foo() {
    doAThing();
}

Bạn chỉ cần nhập

function foo() {
    doSomethingElse();
}

và foo sẽ được định nghĩa lại.

Có lẽ không phải là cách giải quyết tốt nhất, nhưng nó hoạt động. Sẽ kéo dài cho đến khi bạn tải lại trang.

Tôi đã tìm kiếm "chrome dev tool edit javascript". Trang này là kết quả tìm kiếm đầu tiên. Nhưng nó đã quá lỗi thời, nó không giúp tôi.

Tôi đang sử dụng Chrome 73, phiên bản Chrome này có tùy chọn "Bật ghi đè cục bộ". Sử dụng hàm, tôi có thể chỉnh sửa javascript và có thể chạy và gỡ lỗi.