如何查看對CSS樣式進行更改的影響

Question

由於某個部分顯示不正確，我的朋友請求瞭解他們的移動網站。 我發現某個div裏面沒有顯示任何鏈接。使用Firefox，我可以看到以下內容正在發揮作用：

.panel-content a{display:none} 

現在，我不是CSS專家，客戶端沒有測試系統。有沒有一種方法（或程序）可以用來掃描網站並查看此更改會影響到什麼？

Answer 1

大多數瀏覽器允許您瀏覽源代碼並嘗試一些簡單的更改。

例如在Chrome中，您可以使用F12支持開發人員工具。

我們只需右鍵單擊要探索的元素並單擊「檢查元素」。

Answer 2

在Chrome中，爲移動設備內置了仿真工具。如果你打開開發工具（視圖>開發人員>開發人員工具），看一直到新面板的左上角，你會看到一個放大鏡，然後是手機。點擊電話。您可以從一堆不同的設置中進行選擇。希望這可以幫助。