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

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

摘要：英文好的，直接看原文要求操作步驟打開連接開啟開發(fā)者工具實(shí)驗(yàn)性功能重啟瀏覽器打開按次后，隱藏的功能會出現(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 打開連接 chrome://flags/#enable-devtools-experiments

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

3 重啟瀏覽器

4 打開 DevTools Setting -> Experiments tab

5 按6次shift后，隱藏的功能會出現(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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/81374.html

相關(guān)文章

Node.js 指南（入門指南）

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

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

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

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

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

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

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

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

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

guqiu 2019-06-28 15:45 評論0 收藏0