直接在Chrome DevTools調(diào)試Node.js

zone 發(fā)布于2019-08-20 14:02 / 1537人閱讀

摘要：英文好的，直接看原文要求操作步驟打開(kāi)連接開(kāi)啟開(kāi)發(fā)者工具實(shí)驗(yàn)性功能重啟瀏覽器打開(kāi)按次后，隱藏的功能會(huì)出現(xiàn)，勾選運(yùn)行程序必須要有將這個(gè)地址粘貼到谷歌瀏覽器程序后端輸出的日志也回輸出到谷歌瀏覽器的里面，同時(shí)也可以在里進(jìn)行斷點(diǎn)調(diào)試了。

英文好的，直接看原文

https://blog.hospodarets.com/...

1 要求

Node.js 6.3+

Chrome 55+

2 操作步驟

1 打開(kāi)連接 chrome://flags/#enable-devtools-experiments

2 開(kāi)啟開(kāi)發(fā)者工具實(shí)驗(yàn)性功能

3 重啟瀏覽器

4 打開(kāi) DevTools Setting -> Experiments tab

5 按6次shift后，隱藏的功能會(huì)出現(xiàn)，勾選"Node debugging"

3 運(yùn)行程序

必須要有 --inspect

> node --inspect www
Debugger listening on port 9229.
Warning: This is an experimental feature and could change at any time.
To start debugging, open the following URL in Chrome:
    chrome-devtools://devtools/remote/serve_file/@60cd6e859b9f557d2312f5bf532f6aec5f284980/inspector.html?experiments=true&v8only=true&ws=localhost:9229/78a884f4-8c2e-459e-93f7-e1cbe87cf5cf

將這個(gè)地址粘貼到谷歌瀏覽器：chrome-devtools://devtools/remote/serve_file/@60cd6e859b9f557d2312f5bf532f6aec5f284980/inspector.html?experiments=true&v8only=true&ws=localhost:9229/78a884f4-8c2e-459e-93f7-e1cbe87cf5cf

程序后端輸出的日志也回輸出到谷歌瀏覽器的console里面，同時(shí)也可以在Sources里進(jìn)行斷點(diǎn)調(diào)試了。

GPU云服務(wù)器云服務(wù)器 Chrome DevTools chrome-devtools chrome webrtc調(diào)試 chrome webrtc 調(diào)試

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/81374.html

相關(guān)文章

Node.js 指南（入門(mén)指南）

摘要：調(diào)試指南本指南將幫助你入門(mén)調(diào)試應(yīng)用程序和腳本。這樣做可能會(huì)給你帶來(lái)潛在的重大安全威脅，我們建議你確保適當(dāng)?shù)姆阑饓驮L問(wèn)控制措施，以防止安全風(fēng)險(xiǎn)。不再維護(hù)或記錄調(diào)試協(xié)議。入門(mén)指南安裝Node之后，讓我們嘗試構(gòu)建我們的第一個(gè)Web服務(wù)器，創(chuàng)建名為app.js的文件，并粘貼以下代碼： const http = require(http); const hostname = 127.0....

ybak 2019-08-23 13:02 評(píng)論0 收藏0
調(diào)試你的node.js程序(一)

摘要：使用開(kāi)發(fā)已經(jīng)有一段時(shí)間了，最開(kāi)始的調(diào)試是使用工具不過(guò)已經(jīng)很長(zhǎng)一段時(shí)間不能用了?，F(xiàn)在要調(diào)試程序需要使用新的方式。新的調(diào)試的方式有很多種，本文將介紹一種簡(jiǎn)單直接的方式。使用node.js開(kāi)發(fā)已經(jīng)有一段時(shí)間了，最開(kāi)始的調(diào)試是使用工具node-inspector；不過(guò)node-inspector已經(jīng)很長(zhǎng)一段時(shí)間不能用了。現(xiàn)在要調(diào)試node.js程序需要使用新的方式。新的調(diào)試的方式有很多種，...

zgbgx 2019-08-20 18:29 評(píng)論0 收藏0
Visual Studio Code 前端調(diào)試不完全指南

摘要：接下來(lái)的內(nèi)容將從以下幾方面進(jìn)行展開(kāi)調(diào)試前端代碼調(diào)試通過(guò)啟動(dòng)的服務(wù)器要使用的調(diào)試功能，首先就得配置文件。調(diào)試前端代碼通過(guò)調(diào)試前端代碼主要依賴于一個(gè)插件，該插件主要利用所開(kāi)放出來(lái)的接口來(lái)實(shí)現(xiàn)對(duì)其渲染的頁(yè)面進(jìn)行調(diào)試。本文最初發(fā)布于我的個(gè)人博客：咀嚼之味 Visual Studio Code (以下簡(jiǎn)稱 vscode) 如今已經(jīng)代替 Sublime，成為前端工程師們最喜愛(ài)的代碼編輯器。它作為...

dongfangyiyu 2019-08-20 16:44 評(píng)論0 收藏0
全面掌握Node命令選項(xiàng)

摘要：譯者按作為開(kāi)發(fā)者，有必要全面了解一下命令的所有選項(xiàng)，這樣在關(guān)鍵時(shí)刻才能得心應(yīng)手。命令有很多選項(xiàng)，可以用于調(diào)試代碼。這篇博客全面介紹了命令，可以提高大家的工作效率。訪問(wèn)官方文檔，可以查看命令的所有選項(xiàng)。譯者按: 作為Node.js開(kāi)發(fā)者，有必要全面了解一下Node命令的所有選項(xiàng)，這樣在關(guān)鍵時(shí)刻才能得心應(yīng)手。原文: Mastering the Node.js CLI & Comma...

raise_yang 2019-08-16 10:32 評(píng)論0 收藏0
全面掌握Node命令選項(xiàng)

摘要：譯者按作為開(kāi)發(fā)者，有必要全面了解一下命令的所有選項(xiàng)，這樣在關(guān)鍵時(shí)刻才能得心應(yīng)手。命令有很多選項(xiàng)，可以用于調(diào)試代碼。這篇博客全面介紹了命令，可以提高大家的工作效率。訪問(wèn)官方文檔，可以查看命令的所有選項(xiàng)。譯者按: 作為Node.js開(kāi)發(fā)者，有必要全面了解一下Node命令的所有選項(xiàng)，這樣在關(guān)鍵時(shí)刻才能得心應(yīng)手。原文: Mastering the Node.js CLI & Comma...

guqiu 2019-06-28 15:45 評(píng)論0 收藏0