2017-02-18 28 views
3

這用來工作的魅力,我已經設置了大概十幾次,在過去,使用相同的硬件/軟件,但現在它失敗:鉻Devtools工作區映射不再工作

After an attempted edit in the live styles editor, or directly in this tab in the sources panel

編輯所需的權限已到位,因爲我可以在Devtools中編輯文件,如果直接從源選項卡中的本地工作區打開它,編輯並保存它,但這當然不會比使用其他任何其他IDE,因爲我看不到,並立即堅持我曾經的改變:

enter image description here

沒有LESS/SASS/Taskrunner的聰明在這裏,只是普通的CSS文件。

我看過Sawbuck,Devtools上Devtools,看到沒有錯誤。

我完全禁用了防火牆。我使用的是Windows 7,Chrome 56(並試過Canary,也是58),並且服務器的文件系統作爲網絡驅動器安裝在Z:上。

有一點有點奇怪的是,通過右鍵單擊遠程資源並選擇「映射到文件系統資源...」,或者在建立資源鏈接後,工作區映射似乎將文件視爲目錄,或者一個本地資源,並選擇「映射到網絡資源...」,但這可能一直是這種情況,我從來沒有注意到 - 無論如何,我還手動添加了父目錄和網站的根目錄目錄,但結果是一樣的;沒有持續的編輯。

enter image description here

我平時太驕傲,問一個問題關於這樣的事情,並花年齡試圖弄清楚我自己,但我覺得我打的時間太長了南牆現在。如果您有類似的經歷,我會很感激任何指針。

+0

可能是[bug](https://bugs.chromium.org/p/chromium/issues/list?can=1&q=workspace+mapping+devtools&sort=-modified)在最新的鉻金絲雀[數小時前(https://crbug.com/605548)。 – wOxxOm

+0

不幸的是,這是關於源地圖,而不是在這裏做任何東西!謝謝你!源地圖實際上可能是這個問題的答案,但...... –

回答

4

這似乎是下降到WordPress的緩存阻止查詢字符串adds-

你可以看到它在我的截圖:?ver=4.7.2

清楚我必須只用這DevTools集成之前,工作區功能爲WordPress的。這是一個relevant Chromium bug report

現在,爲了刪除緩存清除後綴在WordPress添加這functions.php讓我重新啓用持久編輯:

function fj_remove_version($url) { 
    return remove_query_arg('ver', $url); 
} 

add_filter('style_loader_src', 'fj_remove_version'); 

在未來,它看起來像持久性2.0,在推薦錯誤報告的結尾將是解決方案。現在可以是enabled as a Chrome DevTool experiment