Hướng dẫn edit javascript source in chrome - chỉnh sửa nguồn javascript trong chrome

Làm cách nào để tôi "tự động" chỉnh sửa mã JavaScript trong trình gỡ lỗi Chrome? Nó không dành cho tôi, vì vậy tôi không có quyền truy cập vào tệp nguồn. Tôi muốn chỉnh sửa mã và xem chúng có những ảnh hưởng nào trên trang, trong trường hợp này ngăn chặn một hình ảnh động xếp hàng lên một loạt các lần.

hỏi ngày 21 tháng 2 năm 2011 lúc 15:05Feb 21, 2011 at 15:05

4

Tôi đã bắt gặp điều này hôm nay, khi tôi đang chơi xung quanh với trang web của người khác.

Tôi nhận ra rằng tôi có thể đính kèm một điểm dừng trong trình gỡ lỗi vào một số dòng mã trước những gì tôi muốn chỉnh sửa tự động. Và vì các điểm đột ngột ở lại ngay cả sau khi tải lại trang, tôi đã có thể chỉnh sửa những thay đổi tôi muốn trong khi dừng lại ở điểm dừng và sau đó tiếp tục để trang tải.attach a break-point in the debugger to some line of code before what I wanted to dynamically edit. And since break-points stay even after a reload of the page, I was able to edit the changes I wanted while paused at break-point and then continued to let the page load.

Vì vậy, như một công việc nhanh chóng xung quanh và nếu nó hoạt động với tình huống của bạn:

1. Thêm điểm dừng tại một điểm sớm hơn trong tập lệnh
2. Tải lại trang
3. Chỉnh sửa các thay đổi của bạn vào mã
4. CTRL + S (Lưu thay đổi)
5. Không có trình gỡ lỗi

Đã trả lời ngày 22 tháng 10 năm 2012 lúc 20:23Oct 22, 2012 at 20:23

Sjacobsjacobsjacob

3.2382 Huy hiệu vàng13 Huy hiệu bạc7 Huy hiệu đồng2 gold badges13 silver badges7 bronze badges

9

Bạn có thể sử dụng Trình gỡ lỗi JavaScript tích hợp trong các công cụ của nhà phát triển Chrome trong tab "Script" (trong các phiên bản sau đó là tab "Nguồn"), nhưng các thay đổi bạn áp dụng cho mã chỉ được thể hiện tại thời điểm thực thi đi qua chúng. Điều đó có nghĩa là các thay đổi đối với mã không chạy sau khi tải trang sẽ không có hiệu lực. Không giống như ví dụ: Các thay đổi đối với mã cư trú trong trình xử lý chuột, mà bạn có thể kiểm tra một cách nhanh chóng.

Có một video từ sự kiện Google I/O 2010 giới thiệu các khả năng khác của các công cụ phát triển Chrome.

Đã trả lời ngày 31 tháng 3 năm 2011 lúc 21:54Mar 31, 2011 at 21:54

AdamadamAdam

1.84623 Huy hiệu bạc21 Huy hiệu đồng23 silver badges21 bronze badges

9

Bạn có thể sử dụng "ghi đè" trong Chrome để thay đổi JavaScript liên tục giữa các tải trang, ngay cả khi bạn không lưu trữ nguồn gốc.

1. Tạo thư mục trong Công cụ phát triển> Nguồn> Ghi đè
2. Chrome sẽ xin phép thư mục, nhấp vào cho phép
3. Chỉnh sửa tệp trong trang> trang sau đó lưu (ctrl-s). Một chấm màu tím sẽ chỉ ra tệp được lưu cục bộ.

Đã trả lời ngày 23 tháng 4 năm 2020 lúc 1:39Apr 23, 2020 at 1:39

Mark Foremanmark ForemanMark Foreman

1.89016 huy hiệu bạc14 Huy hiệu đồng16 silver badges14 bronze badges

6

Đây là những gì bạn đang tìm kiếm:

1.- Điều hướng đến tab Nguồn và mở tệp JavaScript

2.- Chỉnh sửa tệp, nhấp chuột phải vào nó và menu sẽ xuất hiện: Nhấp vào Lưu và lưu cục bộ.Save and save it locally.

Để xem Diff hoặc hoàn nguyên các thay đổi của bạn, nhấp chuột phải và chọn tùy chọn sửa đổi cục bộ ... từ menu. Bạn sẽ thấy các thay đổi của mình khác với tệp gốc nếu bạn mở rộng dấu thời gian hiển thị.Local Modifications... from the menu. You will see your changes diff with respect to the original file if you expand the timestamp shown.

Thông tin chi tiết hơn ở đây: http://www.sitepoint.com/edit-source-files-in-chrom/

Đã trả lời ngày 9 tháng 4 năm 2014 lúc 20:26Apr 9, 2014 at 20:26

ArtemisianArtemisianartemisian

2.9221 Huy hiệu vàng20 Huy hiệu bạc22 Huy hiệu đồng1 gold badge20 silver badges22 bronze badges

Chrome ghi đè

1. Mở tệp JS trong bảng điều khiển nguồn.

Nhấp chuột phải vào script src url> tiết lộ trong bảng điều khiển nguồn

1. Đảm bảo rằng "bật quá trình ghi đè cục bộ" được kiểm tra.

1. Nhấp chuột phải vào bất cứ nơi nào trong tệp JS> Lưu để ghi đè

Tất cả các thiết lập!

Chỉ cần chỉnh sửa tệp và lưu bằng CMD/CTRL + S. Bây giờ bất cứ khi nào bạn làm mới trang, nó sẽ sử dụng tệp đã sửa đổi. (Miễn là tên tệp vẫn giữ nguyên)

Bạn sẽ biết nó đang hoạt động nếu bạn thấy một dấu chấm màu tím trong biểu tượng tệp.

Đã trả lời ngày 5 tháng 10 năm 2021 lúc 23:50Oct 5, 2021 at 23:50

Chris Hayeschris HayesChris Hayes

9.3556 Huy hiệu vàng30 Huy hiệu bạc38 Huy hiệu Đồng6 gold badges30 silver badges38 bronze badges

3

Khá dễ dàng, đi đến tab 'Script'. Và chọn tệp nguồn bạn muốn và nhấp đúp vào bất kỳ dòng nào để chỉnh sửa nó.

Đã trả lời ngày 21 tháng 2 năm 2011 lúc 15:09Feb 21, 2011 at 15:09

gnurgnurgnur

4.6532 Huy hiệu vàng21 Huy hiệu bạc33 Huy hiệu đồng2 gold badges21 silver badges33 bronze badges

10

1. Đặt một điểm dừng
2. Nhấp chuột phải vào điểm dừng và chọn 'Chỉnh sửa điểm dừng'
3. Chèn mã của bạn. Sử dụng Shift+Enter để tạo một dòng mới.

Đã trả lời ngày 12 tháng 10 năm 2020 lúc 6:58Oct 12, 2020 at 6:58

0

Nếu JavaScript chạy trên một nút bấm, thì hãy thực hiện thay đổi trong Nguồn> Nguồn (trong các công cụ phát triển trong Chrome) và nhấn CTRL +S để lưu, là đủ. Tôi làm điều này tất cả các thời gian.pressing Ctrl +S to save, is enough. I do this all the time.

Nếu bạn làm mới trang, thay đổi JavaScript của bạn sẽ biến mất, nhưng Chrome vẫn sẽ nhớ điểm nghỉ của bạn.

Đã trả lời ngày 8 tháng 7 năm 2015 lúc 18:47Jul 8, 2015 at 18:47

developer747developer747developer747

14.7K24 Huy hiệu vàng86 Huy hiệu bạc145 Huy hiệu đồng24 gold badges86 silver badges145 bronze badges

Vì đây là câu hỏi khá phổ biến liên quan đến việc chỉnh sửa trực tiếp JS, tôi muốn chỉ ra một tùy chọn hữu ích khác. Theo mô tả của Svjacob trong câu trả lời của mình:

Tôi nhận ra rằng tôi có thể đính kèm một điểm dừng trong trình gỡ lỗi vào một số dòng mã trước những gì tôi muốn chỉnh sửa tự động. Và vì các điểm đột ngột ở lại ngay cả sau khi tải lại trang, tôi đã có thể chỉnh sửa những thay đổi tôi muốn trong khi dừng lại ở điểm dừng và sau đó tiếp tục để trang tải.

Giải pháp trên không phù hợp với tôi đối với JS khá lớn (gói webpack - phiên bản thu nhỏ 3,21MB, dòng mã 130k trong phiên bản được trang bị) - Chrome bị sập và yêu cầu tải lại trang để hoàn nguyên bất kỳ thay đổi đã lưu nào. Cách để đi trong trường hợp này là Fiddler nơi bạn có thể đặt tùy chọn tự động để thay thế bất kỳ tài nguyên từ xa nào bằng bất kỳ tệp cục bộ nào từ máy tính của bạn - xem câu hỏi này để biết chi tiết.Fiddler where you can set AutoRespond option to replace any remote resource with any local file from your computer - see this SO question for details.

Trong trường hợp của tôi, tôi cũng phải thêm các tiêu đề CORS vào Fiddler để phản hồi thành công.

Đã trả lời ngày 2 tháng 8 năm 2017 lúc 20:19Aug 2, 2017 at 20:19

Dominikdominikdominik

2.1772 Huy hiệu vàng26 Huy hiệu bạc32 Huy hiệu Đồng2 gold badges26 silver badges32 bronze badges

Bây giờ Google Chrome đã giới thiệu tính năng mới. Bằng cách sử dụng tính năng này, bạn có thể chỉnh sửa mã của bạn trong Chrome Duyệt. (Thay đổi vĩnh viễn về vị trí mã)

Đối với đó, nhấn F12 -> Tab Nguồn -(bên phải) -> Hệ thống tệp -Trong đó, vui lòng chọn vị trí mã của bạn. Và sau đó trình duyệt Chrome sẽ yêu cầu bạn cho phép và sau đó mã đó sẽ bị chìm với màu xanh lá cây. Và bạn có thể sửa đổi mã của mình và nó cũng sẽ phản ánh về vị trí mã của bạn (điều đó có nghĩa là nó sẽ thay đổi vĩnh viễn)

Cảm ơn

Đã trả lời ngày 26 tháng 1 năm 2018 lúc 11:39Jan 26, 2018 at 11:39

StackinFostackStackinFostackstackinfostack

6302 Huy hiệu vàng7 Huy hiệu bạc12 Huy hiệu đồng2 gold badges7 silver badges12 bronze badges

Giống như câu trả lời của @mark, chúng ta có thể tạo một đoạn trích trong Chrome Devtools, thành override JavaScript mặc định. Cuối cùng, chúng ta có thể thấy những gì họ có trên trang.

Đã trả lời ngày 7 tháng 1 năm 2019 lúc 9:37Jan 7, 2019 at 9:37

Bạn có thể chỉnh sửa các tệp javascrpit một cách linh hoạt trong trình gỡ lỗi Chrome, theo tab Nguồn, tuy nhiên các thay đổi của bạn sẽ bị mất nếu bạn làm mới trang, để tạm dừng tải trang trước khi thực hiện các thay đổi của mình, bạn sẽ cần đặt điểm ngắt sau đó tải lại trang và chỉnh sửa các thay đổi của bạn và cuối cùng không có trình gỡ lỗi để xem các thay đổi của bạn có hiệu lực.Sources tab, however your changes will be lost if you refresh the page, to pause page loading before doing your changes, you will need to set a break point then reload the page and edit your changes and finally unpause the debugger to see your changes take effect.

Đã trả lời ngày 30 tháng 9 năm 2015 lúc 14:39Sep 30, 2015 at 14:39

Seif tmlseif TMLSeif Tml

2.3831 Huy hiệu vàng17 Huy hiệu bạc15 Huy hiệu đồng1 gold badge17 silver badges15 bronze badges

2

Tôi đang tìm cách thay đổi kịch bản và gỡ lỗi kịch bản mới đó. Cách tôi quản lý để làm điều đó là:

1. Đặt điểm dừng trong dòng đầu tiên của tập lệnh bạn muốn thay đổi và gỡ lỗi.

2. Tải lại trang để điểm dừng đang bị tấn công

3. Dán tập lệnh mới và đặt các điểm dừng mong muốn trong đó

4. CTRL+S và trang sẽ làm mới khiến điểm dừng đó trong dòng đầu tiên được nhấn.

5. F8 để tiếp tục, và bây giờ tập lệnh mới được dán của bạn thay thế bản gốc miễn là không có chuyển hướng và tải lại được thực hiện.

Đã trả lời ngày 6 tháng 11 năm 2015 lúc 16:47Nov 6, 2015 at 16:47

100r100r100r

1.0691 Huy hiệu vàng12 Huy hiệu bạc23 Huy hiệu đồng1 gold badge12 silver badges23 bronze badges

Chrome Devtools có bảng điều khiển đoạn trích nơi bạn có thể tạo và chỉnh sửa mã JavaScript như bạn làm trong một trình soạn thảo và thực hiện nó. Mở devtools, sau đó chọn bảng điều khiển nguồn, sau đó chọn tab đoạn trích.Snippets panel where you can create and edit JavaScript code as you would in an editor, and execute it. Open DevTools, then select the Sources panel, then select the Snippets tab.

https://developers.google.com/web/tools/chrome-devtools/snippets

Đã trả lời ngày 1 tháng 10 năm 2018 lúc 1:19Oct 1, 2018 at 1:19

Markmarkmark

4.4307 Huy hiệu vàng35 Huy hiệu bạc45 Huy hiệu Đồng7 gold badges35 silver badges45 bronze badges

Bạn có thể chỉnh sửa mã nguồn trong chrome không?

Bạn có thể thay đổi JavaScript trong Chrome không?