Có bất cứ điều gì như Fireorms mà bạn có thể sử dụng trong Google Chrome không?
Các tính năng cần thiết tôi muốn:
- Kiểm tra nguồn HTML (chọn thành phần, xóa chúng, v.v.)
- kiểm tra các giá trị CSS (bằng cách nào đó, giải pháp tích hợp là lạ)
Có bất cứ điều gì như Fireorms mà bạn có thể sử dụng trong Google Chrome không?
Các tính năng cần thiết tôi muốn:
Câu trả lời:
Có một công cụ giống như Firebird đã được tích hợp sẵn trong Chrome. Chỉ cần nhấp chuột phải vào bất cứ nơi nào trên một trang và chọn "Kiểm tra phần tử" từ menu. Chrome có một công cụ đồ họa để gỡ lỗi (như trong Fireorms), vì vậy bạn có thể gỡ lỗi JavaScript. Nó cũng kiểm tra CSS tốt và thậm chí có thể thay đổi kết xuất CSS một cách nhanh chóng.
Để biết thêm thông tin, hãy xem https://developers.google.com/chrome-developer-tools/
Firebug Lite hỗ trợ kiểm tra các phần tử HTML, kiểu CSS được tính toán và nhiều hơn nữa. Vì nó là JavaScript thuần túy, nó hoạt động trong nhiều trình duyệt khác nhau. Chỉ cần bao gồm tập lệnh trong nguồn của bạn hoặc thêm bookmarklet vào thanh dấu trang của bạn để đưa tập lệnh đó vào bất kỳ trang nào chỉ bằng một cú nhấp chuột.
Chỉ cần thêm một số điểm nói chuyện với tư cách là người sử dụng Fireorms / Chrome Inspector mỗi ngày:
Tại thời điểm viết bài, chỉ có thanh tra Google DOM và không có thanh tra nào có tất cả các tính năng của Fireorms
Inspector là một phiên bản 'lite' của Fireorms: Giao diện không tốt như IMO, việc kiểm tra phần tử trong cả hai phiên bản gần đây hiện rất khó hiểu, nhưng Fireorms vẫn tốt hơn; Tôi thấy mình đang cố gắng tìm kiếm tình yêu dành cho Chrome (vì đó là trải nghiệm trình duyệt tốt hơn, nhanh hơn), nhưng đối với công việc phát triển, nó vẫn chỉ hấp dẫn tôi.
Xem trước / sửa đổi trực tiếp DOM / CSS vẫn tốt hơn trong Fireorms; CSS được tính toán và chế độ xem mô hình hộp tốt hơn trong Fireorms;
Bằng cách nào đó, việc đọc / sử dụng Fireorms có thể dễ dàng hơn vì có thể dễ dàng điều hướng, thao tác / sửa đổi tài liệu trong một số lĩnh vực chính? Ai biết. Tôi đã quen với giao diện và tôi nghĩ Chrome Inspector không tốt bằng mặc dù đây là điều chủ quan tôi thừa nhận.
Tab Cookies / Net cực kỳ hữu ích với tôi trong Fireorms. Có lẽ Chrome Inspector có cái này bây giờ? Lần trước tôi đã kiểm tra không, vì Chrome tự cập nhật trong nền mà không có sự can thiệp của bạn (được sự đồng ý của bạn theo mặc định như tất cả các lớp phủ tốt).
Điểm cuối cùng: Ngày mà Google Chrome có được một Fireorms đầy đủ tính năng là ngày Firefox về cơ bản chết cho các nhà phát triển vì Firefox đã có 3 năm để tạo ra công cụ bố trí của Gecko của Firefox nhanh như WebKit và họ đã không làm vậy. Xin lỗi để đặt nó một cách thẳng thắn nhưng đó là sự thật.
Bạn thấy đấy, bây giờ mọi người đều muốn rời khỏi Flash thay vì jQuery được thúc đẩy bởi khả năng truy cập và tương tác trên thiết bị di động (iPhone, iPad, Android) và JavaScript 'đột nhiên' là một vấn đề lớn (đó là sự mỉa mai), do đó, con tàu đã ra khơi, Firefox. Và điều đó làm tôi buồn, với tư cách là một người hâm mộ Mozilla. Chrome đơn giản là một trình duyệt tốt hơn cho đến khi Firefox nâng cấp công cụ JavaScript của họ.
Hãy thử điều này, nó được gọi là Fireorms Lite và rõ ràng hoạt động với phiên bản beta của Chrome.
Bạn cũng có thể tìm thấy nó tại: https://chrom.google.com.vn/extensions/
Bạn có thể đặt bookmarklet này trong "Thanh dấu trang" của mình để luôn có sẵn Firebird lite trong trình duyệt Chrome / Chromium (đặt cái này làm URL):
javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);
Hoặc thử tập lệnh người dùng: http://dev.chromium.org/developers/design-document/user-scripts
jQuerify là phần mở rộng hoàn hảo để nhúng jQuery vào Chrome Console và đơn giản như bạn có thể tưởng tượng. Phần mở rộng này cũng cho biết nếu jQuery đã được nhúng vào một trang.
Tiện ích mở rộng này được sử dụng để nhúng jQuery vào bất kỳ trang nào bạn muốn. Nó cho phép sử dụng jQuery trong trình điều khiển vỏ (Bạn có thể gọi bảng điều khiển Chrome bằng Ctrl+ Shift+ j".).
Để nhúng jQuery vào tab đã chọn, nhấp vào nút mở rộng.
Tiện ích mở rộng Firebird Chrome chính thức hoặc bạn có thể tự tải xuống và đóng gói tiện ích mở rộng.
Chà, có thể kích hoạt tập lệnh Greasemonkey cho Google Chrome để có thể có cách sắp xếp cài đặt Fireorms bằng phương pháp này? Firebug Lite cũng sẽ hoạt động, nhưng nó không giống như sử dụng đầy đủ tính năng :(
willshouse.com/2009/05/29/install-greasemonkey-for-chrom-a-better-guide/
Điều này không trả lời câu hỏi của bạn, nhưng trong trường hợp bạn bỏ lỡ nó, Nhà phát triển web của Chris Pederick hiện có sẵn cho Chrome: https://chrom.google.com.vn/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm .
Quên tất cả mọi thứ bạn cần tất cả trình kiểm tra độc lập trình duyệt này, trình cập nhật dom
https://glass.webmaker.org/en-US
chỉ cần đánh dấu và đi đến bất kỳ trang web nào và nhấp vào dấu trang đó ..
Đây thực sự là dự án Mozilla Goggles, tuyệt vời đáng kinh ngạc tuyệt vời ...
Vui lòng dùng thử Fireorms Lite cho Google Chrome