2012-07-04 70 views
1

我已經調查this article by Nicole Sullivan和它提到約相當多的工具,可以在衡量瀏覽器幫助重排:這是測量FireFox瀏覽器迴流的最佳工具嗎?

  • 西蒙·林賽在谷歌寫了bookmarklet是在任何瀏覽器測試迴流倍。太棒了。 (注意:所有顫抖都是正常的!)
  • John Resig寫了一個bookmarklet來可視化繪畫事件。
  • Kyle Scholz創建了這個tool以在onload之前可視化繪製事件。
  • Alex在Yoono創建了XUL profiler

我嘗試使用的第一個工具,但它並沒有導致我到任何地方。於是嘗試了第二刀,但我無法找到我that.Then安裝了第三個工具作爲任何信息添加到FF但這在屏幕截圖中並沒有給我任何提示。第四個給我一個404錯誤。

所以我對所有在這裏的專家的問題是哪個是測量瀏覽器迴流的最佳工具?自從那篇文章發表後,我希望有一些新的工具可以使用。

+0

這可能已在這裏回答http://stackoverflow.com/questions/7006152/how-do-we-investigate-how-many-times-a-browser-is-doing-reflows – Arcadien

+0

@Arcadien我已經在答案中嘗試了給定的第2點,這對我不起作用。它實際上是我的問題中的第三點。 – Inquisitive

+0

你是什麼意思的措施?你想知道迴流的數量嗎?如果是,請使用全局['mozPaintCount'](https://developer.mozilla.org/en/DOM/window.mozPaintCount)變量。 –

回答

0

Chrome開發人員工具CTRL+SHFT+I具有類似於我猜的...單擊時間軸選項卡並單擊頁腳中的記錄按鈕,查看您的頁面發生了什麼!

在右側顯示所有記錄,當您將鼠標懸停在記錄上時,它會突出顯示頁面上的元素。

+0

我特別需要它的Firefox。我編輯了這個問題。 – Inquisitive

+0

哦,那麼這個問題可能會幫助你:http://stackoverflow.com/questions/4802836/firefox-counterpart-to-google-chrome-developer-tools-timeline;) – Ties

相關問題