2010-07-08 29 views
65

Tôi chỉ có thể xem các tệp JavaScript của trang web qua bảng điều khiển Tập lệnh. Làm thế nào tôi có thể chỉnh sửa nó? Tôi đã thử tất cả mọi thứ như nhấp đúp vào dòng mà tôi muốn chỉnh sửa, nhưng nó không cho phép tôi chỉnh sửa nó.Làm thế nào để chỉnh sửa JavaScript trong Firebug?

Nếu tôi chuyển sang HTML tab, tôi có thể chỉnh sửa HTML bằng cách nhấp vào nút Sửa, nhưng tôi không thể chỉnh sửa JavaScript.

Cảm ơn trước! :)

Trả lời

62

alt text http://www.fidelitydesign.net/wp-content/uploads/2010/06/Firebug-Testing.jpg

Bạn có thể sử dụng tab Bảng điều khiển Firebug để viết Javascript. Tôi sử dụng khá nhiều mẫu mã nhanh trước khi tôi tích hợp nó vào các dự án của mình. Khi bạn sử dụng Console, javascript được thực hiện trong ngữ cảnh của trang hiện tại. Do đó, và các tập lệnh hiện được xác định cho trang đó, có thể được xác định lại. Ví dụ, trong cửa sổ Console, tôi có thể làm điều này:

$ = function() { alert("Whoops"); } 

... và đó sẽ xác định lại $ chức năng được sử dụng bởi JQuery.

+12

Bàn điều khiển -> trình chỉnh sửa lệnh – ZiTAL

+4

Đừng quên nhấp vào Hiển thị trình soạn thảo lệnh từ tab Bảng điều khiển cho firebug. –

+1

hit => phím CTRL + 1 .. bật lên trình soạn thảo lệnh –

4

Trong bảng điều khiển Firebug, bạn có thể nhập javascript mới. Vì vậy, chỉ cần xác định lại các chức năng hoặc các biến khi cần thiết thông qua đó.

2

Bạn không thể làm điều đó. Bạn nên sử dụng bảng điều khiển javascript để xác định lại các chức năng.

2

Bạn cũng có thể sử dụng fiddler.
Tôi sử dụng nó và nó đã làm việc ra cho tôi khá tốt.

+0

Fiddler có vẻ là một ý tưởng hay. Đó là một ứng dụng bên ngoài chặn các yêu cầu web để bạn có thể thực hiện chỉnh sửa trực tiếp của JS, v.v. – not2qubit

13

Theo tôi biết chỉ các công cụ dev của Chrome hỗ trợ chỉnh sửa JavaScript bên trong tab Nguồn của chúng tôi (không chỉ qua dòng lệnh). Và bạn có thể thêm tiện ích mở rộng như Tincr hoặc DevTools Autosave và Chrome sẽ lưu các thay đổi đối với tệp JavaScript của bạn trên đĩa. Vì vậy, nó là khá nhiều một IDE hoàn chỉnh cho JavaScript. Nếu không, nếu bạn đang sử dụng Firebug, bạn sẽ phải kiểm tra mã của bạn trong Command Editor, sau đó mở trình soạn thảo văn bản của bạn và mở tệp bạn đang tìm kiếm trong Firebug và sau đó thêm những thay đổi đó trong trình chỉnh sửa văn bản của bạn và lưu.

Tôi hy vọng rằng một ngày nào đó họ sẽ bật JavaScript có thể chỉnh sửa được bên trong số Script panel của Firebug.

+2

FWIW [Vấn đề Firebug 5083] (http://code.google.com/p/fbug/issues/detail?id = 5083) yêu cầu cho phép chỉnh sửa JavaScript một cách nhanh chóng trong bảng * Script *. –

13

Có một "Scratchpad" được tích hợp trong khung công tác Mozilla. Điều này có thể đạt được từ bên trong Firefox.

Trong trình đơn "Công cụ" trong "Nhà phát triển web" -> "Scratchpad".

Hoặc ...

Chỉ cần nhấp chuột phải vào bất kỳ yếu tố nào trên trang của bạn. Chọn "kiểm tra phần tử" Trên thanh công cụ thanh tra, phía bên phải, có một noteblock "Scratchpad", nhấn nó.

enter image description here

Bây giờ bạn sẽ có được một trình soạn thảo với cú pháp highlightning vv Javascript .. Từ đây bạn có thể mở/lưu javascript tệp nguồn của bạn.

enter image description here

Read more bout nó here.

+2

Lưu ý rằng trong phiên bản Firefox mới nhất, bạn phải bật tùy chọn này trước. Ở phía trên bên phải của thanh công cụ, nhấn biểu tượng bánh xe cấu hình ("Tùy chọn Thanh công cụ") và kiểm tra bên dưới tiêu đề "Công cụ phát triển Firefox mặc định" hộp kiểm "Scratchpad". – Daan

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