當我處理我的項目時，我習慣於保存文檔並刷新瀏覽器以查看任何耗時的任務更改。即使有時我會根據我的需要使用devtools直接在chrome中進行更改，最後在項目IDE中執行相同的操作。有沒有什麼辦法可以從chrome導出已更改的標籤和css樣式？
我的問題是，我可以做我的整個工作鉻，然後導出整個HTML和CSS樣式作爲項目/原始文本？或者至少導出我使用chrome所做的更改？
我知道這似乎是一個愚蠢的問題，因爲我們在我們最新的IDE中有很多很棒的功能，但我希望這樣做的原因是我可以在沒有任何延遲的情況下在鉻中看到實時更改，因此無需保存，打開瀏覽器並刷新以查看提交的更改:)
開發工具有一個名爲Workspaces的功能。
它將您正在調整的遠程資源映射到本地文件並保留更改。
這不是靈丹妙藥，但：
一樣強大的工作空間是，有一定的侷限性，你應該知道的。
- 只有「元素」面板中的樣式更改會持久;對DOM的更改不會持久。
- 只能保存外部CSS文件中定義的樣式。對element.style或內聯樣式的更改不會持久。 （如果您有內聯樣式，則可以在「來源」面板上對其進行更改。）
- 元素面板中的樣式更改會立即保留，而不會顯式保存 - Ctrl + S或Cmd + S（Mac） - 如果您有CSS資源映射到本地文件。
- 如果您要從遠程服務器而不是本地服務器映射文件，那麼當您刷新頁面時，Chrome會從遠程服務器重新加載頁面。如果您繼續在工作區中編輯，您的更改仍會保留在磁盤上並重新應用。
- 您必須在瀏覽器中使用映射文件的完整路徑。即使您的索引文件必須在URL中包含.html，才能看到分階段版本。