一個插件或工具來顯示頁面上的元素是否影響其他元素？

我有一點與設計的問題，在那裏我有已經把它做爲自己是比別人高得多的列表項。我有一種感覺，這是因爲設計中的另一個元素。一個插件或工具來顯示頁面上的元素是否影響其他元素？

我有時會使用螢火蟲，其餘時間會使用螢幕開發工具。

這些工具可以用來查看東西的高度，或者什麼樣的css風格影響對象，但是這些工具不能做的是顯示其他對象如何影響其他對象。

有人遇到過一個工具，它顯示了設計中的對象之間的關係嗎？它是一個長鏡頭，但如果有一個地方可以找到它會在這裏。

謝謝。

來源

2011-09-05 willdanceforfun

'其他對象如何被影響其他objects'你這是什麼意思？你能更清楚些嗎？如果我理解你的問題，你可以使用像Dreamweaver這樣的HTML編輯器來概述HTML元素。 –

這就是我正在尋找的東西 - 但不是Dreamweaver。有沒有這種東西的插件或螢火蟲開關我看不到？ – willdanceforfun

如何其它的目的是影響其他對象時，即高度在這裏右邊這個對象的增加，一股無形的線在向下推頁面的另一側的對象HTML土地繪製。瀏覽器似乎能夠看到這種關係 - 但我不知道。只有通過試驗和錯誤，即刪除元素，我才能看到什麼事情影響他人。從一開始，良好的範圍和代碼顯然可以避免這種需求，但有時我會發現需要這樣的插件。 – willdanceforfun

查看適用於Chrome和Firefox的webdeveloper。這是一個非常廣泛的插件，但應該能夠做你需要的。

安裝它>轉到您要調試的頁面>循環通過各種大綱選項。從「大綱塊級元素」開始，從那裏開始工作。

來源

2011-09-12 01:38:18

足夠接近。乾杯。 – willdanceforfun

如果您使用FireFox插件，請使用CTRL + SHIFT + F切換元素信息模式 –

感謝您的支持。到目前爲止，我只用過Chrome。 – willdanceforfun

不要告訴我，如果我誤解了你的問題，但無論是螢火蟲或Chrome開發者工具，你應該能夠檢查你的設計不同元素的嵌套，看你如何刪除一個經過設計看起來那些元素。

唯一棘手的部分是學習如何使用這些工具，爲此我建議您觀看一些YouTube視頻。至少對我來說，這是我學習的方式。除非有人可以親自向你展示，否則下一個最佳選擇是有人向你展示這些工具如何通過視頻工作。

來源

2011-09-05 01:54:02

@stephen - 謝謝你。我確實知道如何刪除元素，並且可以像那樣調試（並且）來查找問題。我正在尋找可能會消除一些試用和錯誤的東西。 – willdanceforfun

一個插件或工具來顯示頁面上的元素是否影響其他元素？

回答

相關問題