2011-08-10 11 views
20

Có chức năng/công cụ dành cho nhà phát triển web cho phép chúng tôi biết bao nhiêu lần trình duyệt đang hoạt động không?làm cách nào để chúng tôi điều tra số lần trình duyệt đang thực hiện chỉnh sửa?

về cơ bản tôi muốn có một số loại phản hồi/thông tin. Tôi không biết nó sẽ như thế nào, nhưng có lẽ một số loại biểu đồ hiệu suất hiển thị dòng thời gian (tương tự như số Speed Tracer của Google), vì vậy tôi có thể điều tra khi đột nhiên tại một thời điểm trình duyệt đang thực hiện một số lượng lớn các luồng để tôi có thể chỉ ra hey đây là một nút cổ chai, có được một lỗi/xấu thực hiện một cái gì đó ở đây hoặc một cái gì đó.

+0

Bạn đang tìm kiếm những thứ như Developer Tools trong Google Chrome hoặc Firebug? Trong Công cụ dành cho nhà phát triển trong Chrome, trên tab Dòng thời gian, bạn có thể nhấp vào bản ghi và xem lượng thời gian dành cho Tải/Tạo lập/Hiển thị. Dòng thời gian cho Rendering có cung cấp cho bạn những gì bạn đang tìm kiếm không? – arunkumar

+0

@arunkumar nó có phần giống như vậy, nhưng tôi cần có khả năng cấu hình cho một phần tử đơn lẻ chứ không phải toàn bộ trang. Giống như nói rằng bạn biết firebug chúng ta có thể chọn một phần tử duy nhất và xem tất cả các kiểu chỉ cho một phần tử cụ thể? loại điều đó, và khi phần tử đó được chọn, tôi muốn thấy thanh hiển thị chỉ với phần tử đó, bỏ qua phần còn lại. – Pacerier

+0

Bởi "reflow", bạn có nghĩa là "chuyển hướng", phải không? –

Trả lời

12
  1. Chrome và Safari có tab Dòng thời gian trong Trình kiểm tra web nơi bạn có thể xem tất cả các bản vẽ và vẽ lại được thực hiện bởi trình duyệt.
  2. Firefox có MozAfterPaint sự kiện. Nó có thể giúp bạn hiểu những vùng nào của trang và khi được trình duyệt vẽ lại. Firebug Paint Events add-on có thể hữu ích ở đây. Nó cho thấy các sự kiện repaint trong giao diện điều khiển FireBug.
+0

Tôi không thể lấy MozAfterPaint để làm việc. bạn có biết * chrome * có nghĩa là gì trong: Sự kiện MozAfterPaint không còn được gửi tới nội dung web theo mặc định trong thời gian hiện tại; nó vẫn được gửi đến chrome, tuy nhiên. * Nguồn: https://developer.mozilla.org/en/Gecko-Specific_DOM_Events#MozAfterPaint* – Pacerier

+0

tôi biết về tab dòng thời gian tuy nhiên những gì tôi muốn có là chọn một phần tử duy nhất và có thể xem các phản hồi cho yếu tố cụ thể đó (và không cho toàn bộ trang của khóa học ..). Thật đáng tiếc .. Tiện ích Paint Events chỉ hoạt động với FireFox 3 – Pacerier

+0

Tôi nghi ngờ điều này là có thể.Ý tôi là tôi không biết bất kỳ công cụ nào cho điều đó. Khả năng duy nhất tôi thấy là sửa đổi mã của trình duyệt để thêm một số chức năng ghi nhật ký. – bjornd

Các vấn đề liên quan