2013-02-25 66 views
8

Tôi biết cách sử dụng JavaScript trên bảng điều khiển của Google Chrome.Thay đổi tệp JavaScript trên Công cụ dành cho nhà phát triển của Google Chrome

Nhưng có thể chỉnh sửa tệp JavaScript từ trong công cụ dành cho nhà phát triển của Google Chrome và xem các thay đổi ngay lập tức không? Nếu vậy, làm thế nào?

Tôi đã thử thay đổi mã nhưng không ảnh hưởng đến trang.

+2

Buồn cười ... điều này luôn làm việc cho tôi nhưng hiện không hoạt động vì một lý do nào đó. Bạn shuold chỉ cần chỉnh sửa mã và nhấn ctrl + s http://jsfiddle.net/XpU6R/2/ Bạn có thể cần phải bấm vào nút in đẹp hai lần cho chrome để cho phép bạn chỉnh sửa nó –

+0

Gần đây Chrome 25 xuất hiện, có thể chúng thực hiện một số thay đổi? Nó không phải là tôi không thể thay đổi mã nó nhiều hơn của nó không có tác dụng trực tiếp trên trang mà sẽ lý tưởng (như Chrome đã làm với chỉnh sửa CSS) – GangstaGraham

+0

Xem xét cũng [Không gian làm việc] (https://stackoverflow.com/ câu hỏi/29232701/không thể sống-chỉnh sửa-javascript-in-chrome-nhà phát triển-công cụ) tính năng của các phiên bản gần đây của Chrome. – Vadzim

Trả lời

13

Bạn có thể chỉnh sửa javascript của trang. Bạn đã phải thực hiện một nhấp đúp chuột trong phiên bản cũ của chrome hoặc trong phiên bản gần đây, bạn cần phải thực hiện một nhấp chuột duy nhất trong tập tin js. Sau đó bạn cần nhấn Ctrl + S hoặc Cmd + S trên Mac. Sau đó DevTools sẽ gửi mã đã thay đổi tới V8.

Nếu bạn đang trong phiên gỡ lỗi và tạm dừng trong một hàm, bạn có thể chỉnh sửa và sau khi Ctrl + S v8 sẽ di chuyển điểm thực hiện ra khỏi hàm đã chỉnh sửa để bạn có thể chuyển lại.

+1

Nhưng nếu chức năng Javascript chỉ tải một lần khi trang tải? – GangstaGraham

+0

Bạn có nghĩa là chạy không? – loislo

+0

có các mục "Lưu" và "Lưu dưới dạng ..." trong menu ngữ cảnh. – loislo

1

Bạn có thể xác định lại chức năng toàn cầu hoặc thay đổi giá trị của một biến trong phạm vi, nhưng tôi không biết bất kỳ cách nào trong Công cụ dành cho Chrome Dev để chỉnh sửa mã của bạn trong khi phát trực tiếp. Tôi chỉnh sửa, sau đó nhấn làm mới.

Bạn có thể chỉnh sửa CSS trong tab Nguồn.

+0

Ok cảm ơn. Đây sẽ là một tính năng thú vị để thực hiện mặc dù, tôi hy vọng họ làm điều đó trong một bản cập nhật trong tương lai – GangstaGraham

+0

@GangstaGraham - FYI, bạn có thể chỉnh sửa ngay lập tức CSS trong Chrome thông qua tab Nguồn. – jfriend00

Các vấn đề liên quan