2014-03-02 20 views
0

有一個HTML對象在鼠標懸停後發生變化。我需要檢查更改並複製它的代碼,但使用螢火蟲我無法做到這一點(鼠標只能在一個地方)。在鼠標懸停在螢幕後獲取HTML代碼

是否可以凍結html,而鼠標是在一個對象上,然後檢查螢火蟲的變化?

請注意,它不是HTML屬性發生更改,而是更改的內容。在鼠標懸停後添加另一個div。所以,Style選項卡不能監視它。例如,在此鏈接中:http://demo.virtuemart.net/index.php/2012-01-13-09-33-20/product-details-layout鼠標懸停在產品圖像上時會發生什麼情況?

+0

我解決了這個問題,當鼠標在物體上時用鍵盤複製,有沒有其他方法? – orezvani

+0

可能重複的[你可以在螢火蟲懸停狀態粘滯?](http://stackoverflow.com/questions/4105102/can-you-make-hovered-state-in-firebug-sticky) –

+0

@PatrickHofman我提到了其中一個答案的不同之處 – orezvani

回答

0

其實我沒有螢火蟲..但Chrome檢查可以爲你工作。我希望它應該是螢火蟲也可用...查看圖像

Check Image

所以你可以嘗試這其中也..

+0

正如我所說,它不是風格的變化。內容更改在「樣式」選項卡中看不到。 – orezvani

+1

無論發生什麼樣的變化,我的意思是文本或css ..發射** mouseoever **事件使用..如果mouseover發射它將做任何你有附加在鼠標懸停的操作.. –

+0

這不提供這個問題的答案。要批評或要求作者澄清,請在其帖子下方留言。 – TN888

0

您可以使用HTML 面板的上下文菜單裏面的Break On Child Addition or Removal選項時,HTML改爲停止腳本執行。

要使用此選項,您需要先啓用腳本面板並重新加載頁面。

例子:

在你提到的<body>標籤只需右鍵單擊並選擇打破兒童添加或刪除選項的頁面。然後懸停產品圖像。這樣做的腳本執行將停止,你就可以通過點擊節點上破通知裏面來檢查的放大鏡的HTML:同時具有

enter image description here

0

如果您使用的是Chrome,你可以按F8開發人員工具已打開。 F8在下一個腳本執行時暫停。因此,如果您懸停,然後按F8鍵,然後將鼠標移到元素內部,您可以右鍵單擊 - >檢查它。