Mini Kite Mode
- Kite: Is huge and full featured, but I do not need debugging, it is better suit for something like realgud.
- Wooky: sounds perfect for me, except it doesn't support live updating.
- SwankJS: full-featured and browser agnostic, however it is complicated to setup and somewhat unreliable.
- Install the package via MELPA, or add the package's
Note: I test this only on Emacs 24.1 and above. Pull requests for supporting other versions are welcomed.
Open Chrome/Chromium with remote debugging enabled:
chromium --remote-debugging-port=9222 # Or open -a /Applications/Google\ Chrome.app --args "--remote-debugging-port=9222"
Require the package
(require 'kite-mini) # Automatically Turn on the mode for your buffer of choice. (add-hook 'js-mode-hook (lambda () (kite-mini-mode t))) (add-hook 'css-mode-hook (lambda () (kite-mini-mode t)))
Console (with context sensitive autocompletion via
Note: if you open the Devtools console in Chrome, the tabs will not appear for selection.
- Key bindings in kite-mini-mode buffer
|C-c C-c||kite-mini-evaluate-region-or-line||Send active region or current line to Chrome|
|C-c C-k||kite-mini-update||Reload the JS source in the tab. This method is able to update closure and event handlers similar to what you can do in the dev tools debugger.|
|C-c C-r||kite-mini-reload||Refresh the page|
- About half of the code is taken from Kite.
- Bug fixes by various contributors.