Firebug có những tính năng độc đáo nào mà không được tích hợp sẵn trong Firefox?

Tôi vừa dọn dẹp các addon Firefox của mình và tự hỏi:

• Firebug có những tính năng nào khiến nó trở nên độc đáo?

• Những tính năng nào có sẵn trong cả Firebug và Firefox Developer Tools?

Các công cụ dành cho nhà phát triển gốc của Firefox đã đi một chặng đường dài kể từ khi câu hỏi này được viết ra. Sự khác biệt chủ yếu giảm xuống các điểm sau:

• Không thể dừng thực thi tập lệnh trên các đột biến DOM, XHR hoặc thay đổi cookie.
• XPath không thể được sao chép.
• Thiếu bảng điều khiển bên sự kiện trong Trình kiểm tra (mặc dù các sự kiện được hiển thị trong cấu trúc DOM).
• Thiếu bảng điều khiển bên DOM trong Trình kiểm tra.
• Không có bản xem trước trực tiếp trong khi chỉnh sửa HTML.
• Thiếu tính năng tự động hoàn thành cho các thuộc tính không liệt kê được trong dòng lệnh.
• Không thể tìm kiếm trong nhiều tệp trong Trình chỉnh sửa kiểu.
• Không có dòng lệnh nhiều dòng trong Bảng điều khiển web (mặc dù chúng có Scratchpad và dòng lệnh "thông minh nhiều dòng")
• Không có nút nào trên thanh công cụ để chuyển đổi các công cụ hoặc Trình kiểm tra.
• Không thể tìm kiếm trong các phản hồi của các yêu cầu mạng.
• Thiếu tính năng tự động hoàn thành cho một số thuộc tính CSS.
• Thiếu một số lệnh dòng lệnh.
• Không thể thêm cookie, chỉ chỉnh sửa những cái hiện có.
• Không có chế độ luôn bật và kích hoạt trên mỗi miền (thay vì trên mỗi tab).

Còn thiếu nhiều thứ nữa, được theo dõi trong một báo cáo lỗi được gửi cho tất cả các lỗ hổng giữa Firebug và Firefox DevTools .

Tích hợp Firebug

Firebug hiện được xây dựng dựa trên các công cụ dành cho nhà phát triển gốc. Vì Firefox 48 cũng có một chủ đề Firebug trông giống như phần mở rộng Firebug, cho phép bạn cảm thấy như ở nhà nếu đã quen với Firebug. Khi Firefox đa quy trình được bật, nhấn F12hoặc nhấp vào nút Firebug sẽ mở Firefox DevTools và với chủ đề Firebug.

Ngoài ra còn có một hướng dẫn di chuyển giải thích sự khác biệt giữa Firebug và Firefox DevTools.

Có rất nhiều tính năng nhỏ mà Firebug có mà các công cụ tích hợp không có. Chơi xung quanh với giao diện người dùng, đây là những gì tôi nghĩ đến, nhưng tôi chắc chắn rằng có nhiều hơn nữa:

• khả năng kiểm tra đóng cửa, như someFunction.%closureVarcú pháp dòng lệnh
• nhấp chuột phải để chơi với bất kỳ giá trị nào trong dòng lệnh
• nhấp một lần để chỉnh sửa
• làm nổi bật các yếu tố khi di chuột
• API dòng lệnh, như includevàgetEventListeners
• khả năng hiển thị kiểu UA
• "Thêm quy tắc" từ trong bảng Kiểu
• một bảng điều khiển CSS có thể sử dụng cho CSS rút gọn
• khi một phần tử chỉ chứa văn bản, bảng điều khiển HTML sẽ hiển thị văn bản nội dòng
• Đăng nhập XHR trong Bảng điều khiển với trình duyệt JSON (và không mở cửa sổ bật lên)
• "Break on thay đổi thuộc tính / thay đổi cây con / xóa nút" trong bảng HTML
• "Break on mutate", "Break on next", "Break on property change", "Break on cookie change"
• toàn bộ bảng điều khiển Cookies
• dấu vết ngăn xếp trong bảng Console
• chỉnh sửa và dán HTML
• tìm kiếm văn bản tự do trong hầu hết các bảng
• rất nhiều tùy chọn để xoay nếu bạn cần
• ghi sự kiện

Tất nhiên, cũng có những khía cạnh chủ quan cho điều này. Ví dụ, cá nhân tôi thích giao diện người dùng và ngoại hình của Firebug hơn màu đen của các devtools, và sự quen thuộc trước đó với một công cụ luôn quan trọng.

Có vẻ như ai đó ở đó đã nhìn thấy câu hỏi của tôi ở đây;)

https://hacks.mozilla.org/2013/10/firefox-developer-tools-and-firebug/

Vấn đề là, điều đó cũng không trả lời rất nhiều. Nhưng nó ngụ ý rằng Firebug hiện tại không có nhiều thứ để phân biệt chính nó và vì vậy đang tìm cách thay đổi điều đó.

Điều này sẽ sớm không còn liên quan vì Firebug và các công cụ dành cho nhà phát triển gốc đang hợp nhất:

Firebug 2 không hoạt động trong các trình duyệt đa quy trình (tức là e10s) và việc chuyển đổi nó quá phức tạp, nó sẽ ngừng hoạt động khi kích hoạt e10s trong Firefox.

Chúng tôi muốn sẵn sàng khi Firebug 2 ngừng hoạt động và chúng tôi đã đưa ra kế hoạch sau.

Tích hợp tất cả các tính năng của Firebug 3 vào các công cụ tích hợp sẵn của Firefox và chuyển tiếp tất cả người dùng Firebug sang nó.

Thay thế Firebug 2 bằng cách phát hành Firebug 3 (trên AMO) chỉ khi chúng tôi phải cung cấp bất kỳ tính năng quan trọng nào bị thiếu trong các công cụ dành cho nhà phát triển Firefox trong một tiện ích mở rộng.

Chúng tôi hiện đang làm việc để chuyển Trình kiểm tra XHR ( lỗi 1211525 ), bảng điều khiển DOM ( lỗi 1201475 ) và chủ đề Firebug ( lỗi 1244054 ).

Mục tiêu chính cho bản phát hành tiếp theo của Firebug là tích hợp nó vào DevTools tích hợp sẵn của Firefox. Bên cạnh đó, Nhóm công tác Firebug còn có kế hoạch một số tính năng mới để mở rộng DevTools với chức năng mới.

Firebug 3.0 alpha (hay còn gọi là Firebug.next) hiện tương thích với Firefox 35 - 36 và sẽ hỗ trợ các trình duyệt đa quy trình (cũng như không đa quy trình) sắp tới.

Firebug 3.0 (còn được gọi là Firebug.next) đại diện cho thế hệ Firebug tiếp theo được xây dựng dựa trên các công cụ dành cho nhà phát triển Firefox gốc.

Nếu bạn cài đặt Firebug 2 vào một trình duyệt hỗ trợ đa xử lý (e10s), bạn sẽ được nhắc nâng cấp lên Firebug 3 hoặc tắt hỗ trợ đa xử lý.

Mozilla đã hoãn phát hành Electrolysis vài lần. Kế hoạch hiện tại là phát hành Firefox đa quy trình lên kênh ổn định vào ngày 19 tháng 4 năm 2016 khi Firefox 46 được phát hành lên kênh ổn định.

Tuy nhiên, đây chỉ là ngày phát hành dự kiến ​​và có thể Electrolysis sẽ bị trì hoãn thêm nữa.

Một ý tưởng thú vị mà Mozilla có để làm cho việc phát hành bớt khó khăn hơn cho người dùng trình duyệt là chỉ bật Electrolysis trong các phiên bản Firefox không có tiện ích bổ sung và trong các phiên bản Firefox chỉ cài đặt các tiện ích bổ sung tương thích.

Chúng tôi đã làm việc để hợp nhất các công cụ dành cho Nhà phát triển Firefox và Firebug trong một thời gian. Từ Firefox 49, chúng tôi sẽ cung cấp Firebug.next được tích hợp sẵn.

Nếu bạn sử dụng Công cụ dành cho nhà phát triển Firefox được tích hợp sẵn, thay vì Firebug, thì bạn có thể thích Bảng điều khiển DOM và Chủ đề Firebug mà chúng tôi đã thêm trong lần hợp nhất này.

Ngoài ra, chúng tôi đã chuyển một số tiện ích mở rộng Firebug phổ biến (PixelPerfect, FireQuery và HARExportTrigger trước đây là NetExport). Và trong khi chúng tôi đang ở đó, bạn có thể thích tiện ích mở rộng WebSocket Monitor mới của chúng tôi.

Là một phần của việc chuyển các tính năng của Firebug vào các công cụ tích hợp sẵn, chúng tôi cũng đang chuyển chủ đề Firebug, mang đến cho người dùng Firebug một môi trường quen thuộc hơn để làm việc.

Chủ đề này là nóng, nóng, nóng! Nói xin chào với chủ đề Firebug cho Công cụ nhà phát triển

Mozilla hôm nay đã ra mắt Firefox 48 cho Windows, Mac, Linux và Android. Trình duyệt đã được hỗ trợ đa bộ xử lý (cuối cùng), bảo vệ nâng cao chống lại các tải xuống có hại và các cải tiến về phương tiện trên Android. Hỗ trợ cho các phiên bản OS X cũ và Android Gingerbread đã bị loại bỏ.

Trong Firefox 48, Mozilla đang dần cho phép hỗ trợ đa quy trình, bắt đầu với 1 phần trăm người dùng và tăng lên gần một nửa kênh Phát hành Firefox. Để kiểm tra xem bạn có thuộc nhóm Electrolysis hay không, hãy nhập “about: support” vào thanh URL và kiểm tra xem nó có ghi “1/1 (Được bật theo mặc định)” trong mục hàng Multiprocess Windows hay không.

Người giới thiệu

• Firebug tồn tại trên Firefox DevTools

• Hợp nhất Firebug vào Công cụ dành cho nhà phát triển Firefox được tích hợp sẵn

• Mozilla tung ra thử nghiệm đa quy trình trong Firefox Beta

• Lộ trình Firebug

• Firebug 3 & Firefox đa xử lý (e10s)

• Firebug.next Github repo

• Hợp nhất Firebug và Firefox DevTools

• Phiên bản dành cho nhà phát triển 48 - Các tính năng của Firebug, bộ nhớ có thể chỉnh sửa, cải tiến trình kiểm tra và hơn thế nữa…

• Trang dự án Firebug 3.0

• Gỡ lỗi từ xa: Gỡ lỗi Firefox Desktop

• Ghi chú phát hành Firefox 48: Công cụ dành cho nhà phát triển

• Firefox 48 ra mắt với hỗ trợ đa quy trình, loại bỏ các phiên bản OS X cũ và Android Gingerbread

Tôi nghĩ rằng lợi thế lớn nhất vẫn còn - sau khi triển khai chức năng Bảng điều khiển mạng & Dòng thời gian - là sự sẵn có của các Phần mở rộng Firebug khác nhau , như YSlow, Tốc độ trang, FirePython, v.v.

Cuối cùng, nó có lẽ là một sự lựa chọn dựa trên sở thích cá nhân của bạn hơn, để đưa ra một vũ khí lựa chọn mang lại cho bạn sự tiện lợi và nhanh chóng nhất.

Một chi tiết thú vị về quyết định này là Firebug đã từng là một trong những plugin có tác động tiêu cực nhất đến hiệu suất trên Firefox. Tôi không biết về một nghiên cứu hiện tại về vấn đề đó, đặc biệt là nếu các công cụ dành cho nhà phát triển được xây dựng sẵn đang hoạt động hiệu quả hơn Firebug.

Một lợi thế của các công cụ dành cho nhà phát triển gốc so với phiên bản firebug hiện tại là nó có bản đồ nguồn, trong đó firebug thì không.

Các tính năng độc đáo mà Firebug có, nhưng trình kiểm tra tích hợp của Firefox không có, bao gồm:

• Sao chép XPath
• Sao chép XPath tối thiểu
• Sao chép đường dẫn CSS

Các tính năng độc đáo mà trình kiểm tra tích hợp của Firefox có, nhưng Firebug không có, bao gồm:

• Sao chép bộ chọn duy nhất

Dòng lệnh console ở chế độ biên tập viên lớn cho phép chạy mã dựa trên ngữ cảnh hiện tại. Scratchpad mới không nhìn thấy phạm vi điểm ngắt hiện tại. Đây là một mất mát khủng khiếp.