我可以使用Google Chrome的開發人員工具調整網頁的外觀嗎？

Question

當我在網頁佈局上工作時，我經常使用Firefox和Firebug來調整CSS直到看起來正確，然後修改我的樣式表以匹配。

現在，我試圖修復一些在其他瀏覽器中看起來不錯但在Chrome瀏覽器中出現錯誤的內容。我已經使用了Chrome的開發者工具，並且可以檢查計算出來的樣式，但是沒有看到編輯值並在我的頁面上查看結果的方式。

有沒有辦法做到這一點？

Answer 1

是的。例如，對於CSS，您可以雙擊右窗格中的屬性。對於HTML，右鍵單擊一個元素並選擇「Edit as HTML」。