當前位置:編程學習大全網 - 網站源碼 - visual studio code 中 debugger for chrome插件怎樣配置使用

visual studio code 中 debugger for chrome插件怎樣配置使用

在chrome瀏覽器中調試,需要用到DebuggerforChrome插件。使用DebuggerforChrome插件生成三個調試配置項。使用前警告,這個插件相當惡心,妳得先把chrome關閉,並且確保所有chrome進程都被殺死了,才能正常使用調試,否則就會總報錯:[debugger-for-chrome]Cannotconnecttothetarget:connectECONNREFUSED127.0.0.1:9222默認的第壹個是文件,第二個是服務器環境,第三文件和服務器環境,但是需要先啟動相應的端口的chrome。第壹個就比較簡單了,可以直接啟動調試。第二個也比較簡單,但是註意需要妳的項目有個服務器環境,調試不會給妳起個服務器環境的,妳需要自己起個服務器環境,比如使用live-server、gulp或者iis、apache、nginx等,而且訪問地址要和配置項中的url壹致。比如妳用gulp起了壹個Google\Chrome--remote-debugging-port=9222,然後啟動調試,在打開的瀏覽器中輸入服務器url或者文件路徑都可以進行調試。並且妳關閉調試也不會關閉chrome瀏覽器。以上三種方式,都是在mac下測試過的。再次強調調試前,先殺死chrome所有進程,壹般退出chrome即可。

  • 上一篇:A股的平均市盈率在哪裏可以查詢呀
  • 下一篇:[iOS逆向之路壹]SSH登錄iPhone
  • copyright 2024編程學習大全網