2013-08-23 39 views
3

我們有一個複雜的RIA。一個特定的元素有一個粗體的「display:none」,在瀏覽器檢查器中查看時沒有匹配的CSS文件 - 所以假設某個JS文件是動態應用的。是否有可能找出哪個腳本添加了它?確定哪個JavaScript文件應用了樣式?

謝謝。

+1

你可以嘗試一步一步調試js,chrome有一個功能 – tobspr

+2

註釋腳本,直到它停止應用 - 最後一個註釋腳本是可疑的。 (如果沒有太多的腳本,當然) – SmokeyPHP

+0

嘗試使用搜索的ID也許?或檢查事件處理程序? –

回答

8
  1. 使用Firefox和Firebug。
  2. 在Firebug DOM檢查器中查找元素。
  3. 右鍵單擊它
  4. 選擇 「斷開屬性更改」

  1. 使用Chrome的
  2. Chrome開發工具DOM檢查
  3. 右鍵單擊找到的元素在它上面
  4. 挑選休息...➡屬性修改

這就好像你在你的JS中的任何一個點上都有一個斷點,你有改變屬性的代碼。由於element.style.display = "none"被映射到style屬性上,因此會觸發此屬性。

+0

Doh!或者... –

+0

@ T.J.Crowder - 我昨天才發現這個功能:) – Quentin

+0

哦,這是一個新的,非常有用! – Liam

相關問題