我需要更改部件的某個類別中某些單詞的顏色，我已經看到關於開發工具的YouTube視頻。Chrome開發工具（CSS）編輯和保存
當我找到要更改的部分，並且在元素右上角的「元素」（開發工具）中進行更改時，element.style {color：red; } 但隨着視頻，當我去資源我所做的變化不存在。
有人可以幫我這個開發工具如何猜想工作？
但是我可以編輯/添加並保存在來源中，也許我需要將樣式表從資源保存到來源？那是我應該做的嗎？
您無法通過開發人員工具編輯服務器上的文件，並且刷新後更改不會保留。
是的，但在本地你可以使用Chrome擴展。通常人們在本地開發網站，所以沒關係。完成後，只需將其上傳到FTP服務器即可。例如，當您在元素面板的Chrome開發工具中編輯某些內容時使用Tincr，您的更改將保存到實際文件中，無需轉到源代碼並從那裏編輯或直接打開文件。 @florija – Fabio
我不知道，但謝謝，它可能對我的下一個項目有用:) – aNewStart847
歡迎您:)是的，它可以是有用的@Florija – Fabio
如您所說Chrome開發工具沒有內置函數來保存您編輯的代碼，無論如何，有一些Chrome擴展。我認爲最好的是Tincr。
你可以在這裏找到它Tincr
那麼你也可以在這裏找到一個教程：http://addyosmani.com/blog/lets-tincr-bi-directional-editing-and-saving-with-the-chrome-devtools/。
基本上你
那麼你可以添加根您項目的目錄。
完成後，如果您使用Google Chrome開發工具編輯某些內容，則更改將自動保存到源文件，並且還有一個實時重新加載功能，因此您不必按刷新按鈕或F5在更改後重新加載頁面。
如果您滿意我的答案，請投票。 @張偉 – Fabio
截至2013年3月的更新答案，您現在可以從開發工具中保存更改（JS和CSS，而不是DOM）。
http://remysharp.com/2012/12/21/my-workflow-never-having-to-leave-devtools/
[也許有用]（http://stackoverflow.com/questions/13994435/copying-all-css-attributes-of-a-class-id-via-chrome-inspect#comment19316054_13994435） – steveax
如果您對答案滿意，請投票支持並接受。這是一種感謝幫助你並向別人說出正確答案的人的方式，因此對他們也是有用的。在這裏，我們通過製作和回答問題來互相幫助。 @Wei Zhang – Fabio