it-swarm-vi.com

Google Chrome tương đương với Fireorms là gì?

Tôi đang tìm kiếm một công cụ có thể:

  • kiểm tra các yếu tố HTML
  • quản lý/gỡ lỗi JavaScript
  • hiệu suất hồ sơ
  • sửa đổi các yếu tố trong thời gian thực
29
Evan Plaice

Nó được tích hợp sẵn. Trang [paper] -> Nhà phát triển -> Công cụ dành cho nhà phát triển (trong Chrome v5 trở xuống). Nó có thể khác ở phiên bản 6 do nút Trang dường như biến mất trong phiên bản đó.

32
Mark Hatton

Nhấp chuột phải -> Kiểm tra phần tử

17
HoLyVieR
13
Emmett

Đã 4 năm kể từ khi câu hỏi ban đầu được hỏi. Chrome (ổn định) hiện đã có phiên bản 38. Trong một thời gian dài, nó đã bao gồm một bộ đầy đủ Công cụ dành cho nhà phát triển tương đương với Fireorms cho Firefox (mặc dù Firefox thậm chí còn có a thanh tra tích hợp quá).

Một số điều Công cụ dành cho nhà phát triển của Chrome cho phép bạn thực hiện:

  • Kiểm tra DOM
  • Kiểm tra CSS
  • Truy cập Bảng điều khiển JavaScript
  • Gỡ lỗi JavaScript
  • Xem các yêu cầu, thời gian và phản hồi của mạng
  • Xem kết xuất, JavaScript và hiệu suất CSS
  • Kiểm tra lưu trữ cục bộ và cookie

Các công cụ dev có thể được truy cập theo nhiều cách khác nhau.

  • Menu Chrome -> Công cụ -> Công cụ dành cho nhà phát triển

  • Ctrl + Shift + I trong Windows hoặc Cmd + Shift + I trên máy Mac

  • F12 trên Windows

  • 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ử

5
user9877

Các công cụ trong trình duyệt rất tốt trong công việc của họ và thường là lựa chọn đầu tiên tốt nhất của bạn, nhưng đôi khi chúng không cung cấp đủ chi tiết kỹ thuật về tải trọng yêu cầu/phản hồi HTTP hoặc quá cụ thể theo trang.

Trong những trường hợp này, bạn có thể thấy rằng một công cụ kiểm tra HTTP chuyên dụng như Fiddler hoặc một trong các lựa chọn thay thế của Linux sẽ cung cấp nhiều thông tin chi tiết hơn.

Nếu bạn thực sự cần lấy kim loại trần, Wireshark vượt xa HTTP để phân tích lưu lượng mạng đầy đủ, nhưng trước tiên hãy chuẩn bị choáng ngợp.

3
JasonBirch

Bạn cũng có thể dùng thử Trình theo dõi tốc độ mã nguồn mở của Google - http://code.google.com.vn/webtoolkit/speedtracer/

Speed ​​Tracer là một công cụ giúp bạn xác định và khắc phục các sự cố về hiệu suất trong các ứng dụng web của bạn. Nó hiển thị các số liệu được lấy từ các điểm thiết bị cấp thấp bên trong trình duyệt và phân tích chúng khi ứng dụng của bạn chạy. Speed ​​Tracer có sẵn dưới dạng tiện ích mở rộng Chrome và hoạt động trên tất cả các nền tảng nơi tiện ích mở rộng hiện được hỗ trợ (Windows và Linux).

Sử dụng Speed ​​Tracer bạn có thể có được bức tranh rõ hơn về thời gian sử dụng trong ứng dụng của mình. Điều này bao gồm các vấn đề gây ra bởi phân tích cú pháp và thực thi JavaScript, bố cục, tính toán lại và kết hợp bộ chọn kiểu CSS, xử lý sự kiện DOM, tải tài nguyên mạng, kích hoạt bộ đếm thời gian, gọi lại XMLHttpRequest, vẽ tranh, v.v.

1
mvark