Góc ngăn xếp trong Firefox với Firebug

Question

Tôi đang phát triển một ứng dụng web trong Angular và tôi đang sử dụng Firefox với Firebug để gỡ lỗi.

Bất cứ khi nào có lỗi trong Góc của tôi, nó không hiển thị đúng stacktrace. Thay vào đó nó cho thấy một cái gì đó như thế này trong console.log:

Trong Chrome, tôi nhận được một stacktrace tốt đẹp với một liên kết có thể click vào định nghĩa lỗi:

Tôi buộc để chuyển sang Chrome để phát triển trong Góc cạnh, hoặc có khắc phục vấn đề này không?

Answer 1

Bạn sẽ muốn chuyển sang Công cụ dành cho nhà phát triển của Chrome để theo dõi ngăn xếp tốt hơn. Tuy nhiên, có thể có một plugin/mở rộng cho Firefox để dọn dẹp mọi thứ cho bạn, vì vậy hãy đảm bảo bạn thực hiện một số nghiên cứu trước khi đưa ra quyết định.

Nhưng khi so sánh vani với vani, Chrome là thứ bạn muốn.

Answer 2

Cố gắng thay thế phiên bản được rút gọn của Góc với thiết bị không được rút gọn.
Nếu đó là vấn đề về tiêm, bạn sẽ có phản hồi có ý nghĩa hơn trong bảng điều khiển.
Là câu trả lời chung chung hơn, các công cụ tốt nhất để gỡ lỗi góc là AngularJS Batarang và ng-inspector và, vâng, chúng là các tiện ích của Chrome.

Answer 3

Bạn có thể nhận được cùng một tính năng có thể nhấp để định nghĩa liên kết lỗi trong Firebug, khi bạn đưa angular.js vào ứng dụng web của mình. Firebug có khả năng hiển thị số dòng (trong đó một phần lỗi xảy ra) cho ứng dụng Góc của bạn.

Answer 4

Có một tiện ích bổ sung cho firefox được gọi là AngScope, không chính thức, nhưng dường như rất hữu ích khi gỡ lỗi angular.js trong firefox. Nếu bạn không muốn chuyển sang Chrome, bạn nên thử.

Answer 5

Thay vì thay thế angular.min.js bằng angular.js, bạn có thể tạo cả hai tệp có sẵn cùng với angular.min.js.map. Firefox sẽ nhận ra tệp bản đồ nguồn và kéo thông báo lỗi tốt hơn và theo dõi ngăn xếp từ nguồn không được rút gọn.