Công cụ gỡ lỗi tốt nhất để phát triển JavaScript/xulrunner

Question

Trong vài tháng qua, tôi đã bắt đầu phát triển JavaScript nghiêm túc đầu tiên của mình, khi tôi bắt đầu phát triển các ứng dụng XUL. Tôi sử dụng Notepad ++ làm trình soạn thảo của mình, nhưng tôi khá kinh ngạc khi tìm thấy (theo như tôi có thể biết) rằng Trình gỡ lỗi Venkman/Javascript là công cụ để gỡ lỗi. Nó có vẻ như một sự thay thế kém cho Visual Studio cho các ngôn ngữ .Net.

Tôi có thiếu gì đó không? Các công cụ tốt nhất và phương pháp hay nhất để phát triển JavaScript là gì? Có một số kết hợp trình soạn thảo IDE/trình sửa lỗi/trình gỡ lỗi tôi không biết?

Mặc dù vậy, điều này phải dễ dàng hơn điều này.

Tôi đã nghe một số đề cập đến Eclipse - đây có phải là lựa chọn tốt ở đây không? Tôi biết rất ít về nó.

Edit: Một số bạn đã chỉ ra Firebug - Tôi đoán vấn đề của tôi là tôi không thực sự sử dụng JavaScript để phát triển web mà Firebug có vẻ là công cụ - thay vào đó tôi đang sử dụng nó cho XUL phát triển trong xulrunner. Điều này có thể chỉ đơn giản là điểm yếu hoặc immaturity of xulrunner.

Answer 1

Vâng, hiện không có trình gỡ rối phong nha để phát triển XUL + JS. Nhưng trong kinh nghiệm vài năm của tôi, tôi có thể làm tốt mà không có nó. Dưới đây là cách thực hiện:

• Sử dụng ghi nhật ký. Hoặc thực hiện các tiện ích ghi nhật ký của riêng bạn hoặc một tiện ích phổ biến (ví dụ: https://wiki.mozilla.org/Labs/JS_Modules#Logging mặc dù tôi chưa sử dụng tiện ích đó; xem thêm http://developer.mozilla.org/en/docs/Using_JavaScript_code_modules)
• Khi viết mã của bạn, hãy sử dụng JS Shell và Trình chỉnh sửa trực tiếp XUL (từ Extension developer's extension) cùng với trình kiểm tra DOM để tạo mẫu.
• Set up a profile for development, sau đó gỡ lỗi bằng cách tinh chỉnh mã nguồn (thêm ghi nhật ký và cảnh báo() s :) và tải lại cửa sổ bị ảnh hưởng.
• Khi có thể, hãy viết các bài kiểm tra đơn vị sử dụng available frameworks (họ đang không được sử dụng rộng rãi với mã bên ngoài hiện cây Mozilla)

Hy vọng rằng Komodo (dựa trên Mozilla editor/IDE, đi mã nguồn mở năm ngoái) sẽ phát triển các công cụ để gỡ lỗi mã Mozilla cuối cùng.

Answer 2

Firebug là khá tốt cạnh tranh để phát triển JavaScript trong trình duyệt.

Answer 3

'cảnh báo (x);' là kỹ thuật chính quá lâu.

FireBug, như những người khác đã nói, là cách để đi trong gỡ lỗi FireFox.

Aptana IDE (dựa trên nhật thực) đã tạo một chút giật gân trong vùng IDE javascript gần đây.

Visual Studio 2008 chứa nhiều khả năng gỡ lỗi javascript được cải tiến so với các phiên bản trước.

Answer 4

Hãy thử một sự kết hợp của Script # (http://www.nikhilk.net/ScriptSharpIntro.aspx)

và

Firebug

Cheers

Answer 5

Các đêm xây dựng của WebKit có một số công cụ gỡ lỗi mới tuyệt vời:

http://nightly.webkit.org/

Answer 6

Tôi đã tìm kiếm Google (Xul IDE) và lần truy cập đầu tiên là một danh sách trên Mozilla wiki của XUL IDE.s khác. Tôi cũng tìm thấy một ứng dụng có tên là XULU studio trong kết quả.

https://wiki.mozilla.org/XUL:IDE

Answer 7

tôi làm được rất nhiều sự phát triển XUL/JS, và tôi sử dụng một sự kết hợp của Eclipse và JSEclipse để chỉnh sửa mã và Venkman để gỡ lỗi. Nó có thể là khó khăn để có được Venkman làm việc với các ứng dụng XUL của bạn, nhưng nó có giá trị nỗ lực.

http://developer.mozilla.org/en/Debugging_a_XULRunner_Application có thông tin về cách bật Venkman trong ứng dụng của bạn. Kiểm tra nó ra; Tôi đảm bảo với bạn nó có giá trị thời gian bạn dành cho nó.

Answer 8

Nếu bạn sử dụng SQLite, đặc biệt là để phát triển FireFox thì tôi sẽ đề xuất Firefox Addon "SQLite Manager". Không chỉ dễ dàng cho phép bạn xem thông tin hồ sơ được lưu trữ bởi Firefox trong hồ sơ người dùng mà bạn còn có thể mở các cơ sở dữ liệu SQLite khác. Rất hữu dụng.

Answer 9

Như tôi đã nói trong một post, với tôi công cụ gỡ lỗi tiện lợi nhất cho JavaScript là Mozrepl. Nó là một phần mở rộng của Firefox/XULRunner để truy cập cá thể trình duyệt/ứng dụng bằng telnet, và bạn có thể quan sát và thao tác mọi thứ trong ứng dụng của mình từ xa; ngay cả khung chính nó. Nó là cực kỳ hữu ích như một trình gỡ rối (trên các ứng dụng XUL độc lập nó là cách duy nhất để thực hiện gỡ lỗi thực) và như một công cụ để chơi xung quanh và hiểu được sự can đảm của ứng dụng của bạn, nó tăng tốc thời gian phát triển Javascript XUL của bạn gấp mười lần.

Để có bản trình diễn ấn tượng về các khả năng, hãy xem this video.

Answer 10

Gỡ lỗi và cấu hình JavaScripts - Trình gỡ lỗi JavaScript và công cụ hồ sơ. http://www.globinch.com/2010/05/04/debug-and-profile-javascripts-using-venkman-javascript-debugger-and-profile-tool/

Answer 11

Việc ghi nhật ký là điều bắt buộc. và JS Shell chắc chắn sẽ giúp bạn khi viết mã của bạn. http://www.squarefree.com/shell/

Answer 12

Vì lợi ích của sự hoàn chỉnh, nếu bạn đang sử dụng phiên bản nền tảng Mozilla < 6.0, Chromebug là một lựa chọn tuyệt vời. Tôi ước gì tôi hoặc một người nào khác có quyền để mang nó đến nay.

Answer 13

Tôi chưa thực hiện bất kỳ phát triển/gỡ lỗi XUL nào, nhưng sau đây là danh sách các công cụ của tôi để gỡ lỗi/dev Javascript.

• Firebug

• FireRainbow, FireRainbow phép javascript cú pháp tô sáng cho Firebug

• FirePHP, FirePHP cho phép bạn đăng nhập để Firebug Console của bạn sử dụng một phương pháp gọi PHP đơn giản.

• Widerbug, có thể tận dụng màn hình rộng để gỡ lỗi/phát triển js. Lỗi thời vì nó được hỗ trợ trong Firebug 1.9 ngay ngoài hộp.

Answer 14

XULRunner/Firefox hỗ trợ gỡ lỗi từ xa bản địa ngay bây giờ! Bạn có thể sử dụng XULRunner như debuggee, và firefox là trình gỡ lỗi.

Instruction for remote debgging có thể tìm thấy tại MDN.

Bạn phải đặt pref devtools.debugger.remote-enabled thành true trong cả debuggee và trình gỡ lỗi.

Sử dụng mã này trong ứng dụng của bạn:

var windowtype = ... 
Components.utils.import('resource://gre/modules/devtools/dbg-server.jsm'); 
DebuggerServer.chromeWindowType = windowtype; 

if (!DebuggerServer.initialized) { 
    DebuggerServer.init(); 
    DebuggerServer.addBrowserActors(windowtype); 
} 

DebuggerServer.openListener(6000); 

Nếu trang của bạn (x) html, chuyển nhượng windowtype với null; nếu trang của bạn là xul, chuyển nhượng windowtype với cùng giá trị của thuộc tính windowtype của xul:window yếu tố:

<xul:window windowtype=... > 
... 
</xul:window> 

Bắt đầu ứng dụng XULRunner của bạn, và trong Firefox, vào Tools> Web Developer> Connect ..., kết nối đến localhost, cổng 6000 và bạn sẽ có thể gỡ lỗi.