All Projects → darcyclarke → Rawkit

darcyclarke / Rawkit

Licence: mit
🦊 Immediately Open Chrome DevTools when debugging Node.js apps

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Rawkit

Ply
CSS inspection aided by visual regression pruning
Stars: ✭ 370 (+20.92%)
Mutual labels:  inspector, debugger, devtools
Debugger
The faster and smarter Debugger for Firefox DevTools 🔥🦊🛠
Stars: ✭ 4,602 (+1403.92%)
Mutual labels:  debugger, devtools, chrome
Extension Create
Create modern cross-browser extensions with no build configuration.
Stars: ✭ 167 (-45.42%)
Mutual labels:  cli, chrome, browser
Re Frisk
Take full control of re-frame app
Stars: ✭ 396 (+29.41%)
Mutual labels:  tools, debugger, devtools
Indium
A JavaScript development environment for Emacs
Stars: ✭ 1,058 (+245.75%)
Mutual labels:  inspector, debugger, chrome
Nim
Streamline Your Node.js Debugging Workflow with Chromium (Chrome, Edge, More) DevTools.
Stars: ✭ 168 (-45.1%)
Mutual labels:  inspector, devtools, chrome
Singlefile
Web Extension for Firefox/Chrome/MS Edge and CLI tool to save a faithful copy of an entire web page in a single HTML file
Stars: ✭ 4,417 (+1343.46%)
Mutual labels:  cli, chrome, browser
debug.js
Debugger of JavaScript, by JavaScript, for JavaScript
Stars: ✭ 19 (-93.79%)
Mutual labels:  debugger, devtools
InAppDevTools
Android library with a collection of tools for debugging, inspecting and reporting from within your own app
Stars: ✭ 26 (-91.5%)
Mutual labels:  inspector, devtools
Frick
frick - aka the first debugger built on top of frida
Stars: ✭ 267 (-12.75%)
Mutual labels:  cli, debugger
Supervizer
NodeJS Application Manager
Stars: ✭ 278 (-9.15%)
Mutual labels:  cli, tools
devtools-highlighter
DevTools extension that finds and highlights elements in the page
Stars: ✭ 29 (-90.52%)
Mutual labels:  inspector, devtools
prosemirror-dev-toolkit
Injectable developer tools for ProseMirror rich-text editors implemented in Svelte and TypeScript.
Stars: ✭ 44 (-85.62%)
Mutual labels:  inspector, devtools
slyblime
Interactive Lisp IDE with REPL, Inspector, Debugger and more for Sublime Text 4.
Stars: ✭ 35 (-88.56%)
Mutual labels:  debugger, inspector
mdebug
基于React开发的新一代web调试工具,支持React组件调试,类似于Chrome Devtools。A Lightweight, Easy To Extend Web Debugging Tool Build With React
Stars: ✭ 237 (-22.55%)
Mutual labels:  inspector, devtools
Hackbrowserdata
Decrypt passwords/cookies/history/bookmarks from the browser. 一款可全平台运行的浏览器数据导出解密工具。
Stars: ✭ 3,864 (+1162.75%)
Mutual labels:  chrome, browser
Teleconsole
Command line tool to share your UNIX terminal and forward local TCP ports to people you trust.
Stars: ✭ 2,750 (+798.69%)
Mutual labels:  cli, tools
Xdebug Helper For Chrome
Easily activate PHP debugging, profiling and tracing with this Xdebug Chrome extension
Stars: ✭ 270 (-11.76%)
Mutual labels:  debugger, chrome
Searchwithmybrowser
Open Cortana searches with your default browser.
Stars: ✭ 285 (-6.86%)
Mutual labels:  chrome, browser
Aws Rotate Key
Easily rotate your AWS access key. 🔑
Stars: ✭ 288 (-5.88%)
Mutual labels:  cli, tools

npm version Build Status Build status Known Vulnerabilities Dependency Status

rawkit

rawkit grabs the chrome inspector URL returned from the node --inspect command and immediately opens devtools. No more clicking, selecting, copying/pasting or navigating. Just run the command and jump into debugging.

Installation & Usage

$ npm install -g rawkit
...
$ rawkit example.js

With npx

$ npx rawkit example.js
tutorial

Features

  • ✅ Works offline
  • ✅ Supports nodemon & reloading
  • ✅ Supports legacy Node <v7.x debugging protocols & devtools

Options

By default, running rawkit can detect any main script that's been defined in the current working directory's package.json and run that. It also will detect the version of Node.js you're running to determine whether or not to fallback to older debug APIs.

--inspect-brk or b

To break on the first line of the application code.

--inspect-port or p

The debugger port. Defaults to 9229.

--canary or c

Open the devtools in canary.

--nodemon or n

Use nodemon to run/watch your node process & reload when files change. rawkit supports all the default configuration options for nodemon including execMap inside your project's package.json or nodemon.json files.

--silent or s

Hide stdout/stderr output from child process in the terminal window.

--executable=[name] or e

Specify the name of the executable. Defaults to google chrome.

Note: --executable is an experimental feature as rawkit typically does all the work to determine the right executable to use based on your operating system and any other arguments or environmental configuration.

FAQ

Chrome opens to a blank page?

You may have some issues if your version of Chrome has recently updated and it and/or your OS hasn't be restarted. Quick fix here is to just try restarting Chrome and/or restarting your machine. This was identified in the opn project.

Do I need to install a Chrome Extension?

rawkit will automatically launch a splash page asking you to install a corresponding Chrome Extension the first time you run it. If you don't want to install the extension (not recommended, as the extension comes with some nice-to-have behaviors) AND are using a Mac, you can install chrome-cli to get around this. rawkit will automatically detect if chrome-cli exists on your machine and use that to open/launch chrome once it's installed.

$ brew install chrome-cli

Note: Unfortunately, opening internal Chrome links, externally, is not possible without an aid at the moment (ie. urls that contain chrome:// or chrome-devtools:// in this case). This is most likely a security feature. That said, you can use a Chrome Extension as a proxy to make this work. Check out the RESEARCH.md for more information.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].