2017-03-17 59 views
2

我們的設計師目前的工作流程是:如何保存Chrome中沒有工作區的CSS更改?

  • 打開網頁和編輯CSS
  • 寫起來的問題

所有CSS的變化是否有Chrome瀏覽器保存的一種方式'差異'的CSS和導出它不使用工作區?

+0

你無法從瀏覽器 –

+0

只需直接保存更改,但你可以通過以下的文件和檢查的行號找到特定CSS樣式元件 –

回答

0

不知道這是你想要的,但是......

您可以從檢查器(Ctrl + Shift + I)編輯頁面,並與所有的修改完成後,只需點擊樣式錶鏈接在你左,副本,需要Example of what you should click on

0

自Chrome 65的一切,Local Overrides可以在這方面幫助。檢查您的Chrome版本chrome://version。如果你還沒有65,你可以使用Chrome Canary

  1. 打開來源
  2. 點擊本地覆蓋選項卡。

    overrides tab

  3. 點擊要替換選擇文件夾並選擇目標。

  4. 進行更改在樣式窗格元素面板或編輯來源面板窗格。 Chrome會將更改的文件保存到指定位置。

陷阱!

  • 元素面板上的DOM樹所做的更改不會得到保存。
  • 當CSS規則的來源是HTML中的<style>標記時,樣式窗格也沒有做任何更改。至少在Chrome 65。有傳言稱,這可能會在固定的66
相關問題