亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Edge瀏覽器開發(fā)者工具代碼修改同步到Vscode中

 更新時間：2022年04月26日 10:12:26   作者：「零一」  
這篇文章主要為答案及介紹了Edge瀏覽器開發(fā)者工具代碼修改同步到Vscode中，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

瀏覽器調(diào)試修改的代碼

大家好，我是零一，你們一定一定一定遇到過這樣一個情況：

假設(shè)我們在瀏覽器的開發(fā)者工具調(diào)試自己寫的頁面樣式，調(diào)了半天終于調(diào)好了，于是打開你本地的代碼找到對應(yīng)的代碼把你剛剛在瀏覽器調(diào)試修改的代碼一個個在本地代碼中再修改一遍。如下圖所示：

目前的操作流程

確實怪麻煩的。你如果改的代碼少一點還好說，要是改的多了，又碰上項目熱更新導(dǎo)致頁面刷新，你剛才改的所有代碼都找不到記錄了，得，瞎忙活！

基于這個痛點，Microsoft Edge團(tuán)隊提出了一個不錯的點子，并且已經(jīng)正在實驗這個功能了，那就是 "將Edge瀏覽器開發(fā)者工具中代碼的修改同步到Vscode中"

這是怎樣一個操作呢？一個動圖帶你了解（跟上一個動圖的操作形成鮮明對比）

自動同步

看著又是個提高開發(fā)效率的小功能?。ù颂帒?yīng)有掌聲）

使用

科普一下，Edge瀏覽器會將開放的實驗性功能放在 開發(fā)者工具 => 設(shè)置 => 實驗 里，我們作為用戶也可以提前體驗這些非正式的功能

設(shè)置

實驗功能

為了保證嚴(yán)謹(jǐn)性，我特地去看了下，截至本文完稿Edge現(xiàn)在的最新版本是 95.0.1020.30

Edge最新版本

因此，根據(jù)官方所述，應(yīng)該是會在下個版本更新時，將Edge瀏覽器開發(fā)者工具中代碼的修改同步到Vscode中的實驗功能發(fā)布

什么？現(xiàn)在還沒發(fā)布？別急嘛，本文就是帶你提前體驗！！打好預(yù)防針，到時候體驗功能時不迷路

首先在你調(diào)試的頁面中按F12打開 開發(fā)者工具（跟Chrome Devtools一樣），按照我剛才講的找到設(shè)置里的實驗性功能，往下翻一翻就能看到一個名叫 Open source files in Visual Studio Code 的功能了

打開以后，根據(jù)開發(fā)者工具的提示，需要重啟開發(fā)者工具才能使該功能生效，所以點擊按鈕重啟一下

重啟DevTools

接下來就需要設(shè)置一下我們項目的目錄了，也就是告訴開發(fā)者工具我們項目的根目錄在本地的哪個文件里，在調(diào)試工具里修改代碼后它好去直接修改我們本地的文件代碼

設(shè)置項目根目錄

設(shè)定完項目根目錄，Edge會有一個請求訪問本地該文件目錄內(nèi)容的提示，點允許就可以了

允許訪問

至此，所有設(shè)置都搞定了，接下來你就可以像本文開頭的動圖演示一下，無論你在Devtools里調(diào)試什么代碼，它都會同步更新到你本地的項目代碼中

同步更新

你對于 Microsoft Edge 團(tuán)隊提出的這個功能怎么看？

以上就是Edge瀏覽器開發(fā)者工具代碼修改同步到Vscode中的詳細(xì)內(nèi)容，更多關(guān)于Edge瀏覽器代碼修改同步VsCode的資料請關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評論