Q

在Google Chrome中調試CSS

2012-06-16 86 views 8 likes

8

我正在編寫一些CSS文件，但是當我犯了一個錯誤時，Chrome似乎只是默默地忽略了我搞砸的部分，並呈現其餘部分。在Google Chrome中調試CSS

這使得調試很煩人，因爲我無法弄清楚發生了什麼問題。

那麼，有沒有辦法讓Chrome「以大紅色字母尖叫我」，這樣我就可以花更少的時間找到錯誤並且有更多的時間修復它？

2012-06-16 user1383359

+1

您可以使用鍍鉻元素檢查，查看應用到元素的CSS和否決/忽略CSS規則。要打開元素檢查器，可以使用f12或ctrl + shift + j。 – sg3s

A

回答

1

由於CSS不是一種腳本語言，您無法正確調試它。無論如何，如果你知道哪裏出了問題，你可以嘗試手動調整它。

的方法，另外你已經得到了W3C驗證此：http://jigsaw.w3.org/css-validator/這可能會給你一些反饋

2012-06-16 16:44:20 Gooey

+0

如果您在本地開發應用程序，該如何使用它。例如，我正在使用Visual Studio 2013並按F5運行應用程序。 – VivekDev

-3

CSS不是一種標記語言的腳本，所以我們不能定義一個運行時，爲什麼不驗證你的CSS？

2012-06-16 16:41:06 Sudantha

+2

css不是標記 –

5

雖然你不能「調試」 CSS，因爲它不是一種腳本語言，你可以利用Chrome的DevTools元素面板檢查一個元素&查看右側的樣式窗格。這會讓您瞭解被覆蓋或忽略的樣式（線條拋出）。「樣式」窗格也很有用，因爲它可以對正在檢查的文檔進行LiveEdit編輯，這可以幫助您解決問題。如果樣式被覆蓋，則可以查看「計算樣式」窗格以查看實際用於樣式化文檔的CSS。

要調出的Chrome DevTools窗口，打按Ctrl +移+我在 Chrome瀏覽器選項卡。（命令 + 選項 + 我對於Mac）

欲瞭解更多信息請訪問https://developer.chrome.com/devtools/index

2012-06-17 04:45:33

相關問題