Manages DevTools with Node V8 Inspector (node --inspect) Debugging Workflow

Latest Version

Version
0.13.2-Beta1
Update
April 16, 2017
Size
448KiB
Developer
Category
Users
343
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
Bahasa Indonesia
Deutsch
English
Français
Nederlands
Norsk
Tiếng Việt
Türkçe
Dansk
Eesti
Español
Hrvatski
Italiano
Latviešu
Magyar
Polski
Română
Slovenský
Suomi
Svenska
čeština
Ελληνικά
русский
українська
עברית
ไทย
‫العربية
中文 (简体)
日本語
한국어
See more
Permissions
*://*/
Storage
Background
Tabs
Identity
Identity.email
See more

NiM (Node.js V8 --inspector Manager) Beta Extension

Node.js Inspector Manager - NiM

NiM streamlines your Node.js development cycle when using Chrome DevTools Inspector.

NiM manages the Chrome DevTools window/tab life-cycle leaving you with more ability to focus on what matters... debugging your code. You no longer need to copy/paste DevTools URL's or continue opening/closing tabs/windows.

NiM automatically detects the URL that is generated when running node (locally or remotely) with --inspect option. NiM provides you with the option of automatically opening and closing Chrome DevTools in a tab or window. Just toggle the Manual/Auto setting and then start a debugging session. DevTools will open either on clicking the \"Open DevTools\" button or after the specified timeout period. If set to auto close, once you end your debugging session, DevTools will close automatically.

Use in 3 easy steps:
1. Install
2. Set hostname and port or use the default localhost and 9229.
3. Click Open DevTools or change setting to Auto

Features:
- Manage and monitor local and remote debugging sessions
- Manual or automatic control of DevTools interface
- Open DevTools in a new tab or window
- Make DevTools focused or inactive on start
- Customize duration between v8 Inspector probes
- Auto-save settings

Note: By it's nature this extension requires permissions which
\"Read and change all your data on the websites you visit\"

Further to better serve and understand my user base the following permission is asked
\"Know your email address\"

The following URL will provide what I feel to be an informed viewpoint on the whole matter of permissions: https://palant.de/2016/07/02/why-mozilla-shouldn-t-copy-chrome-s-permission-prompt-for-extensions

No information will ever be shared with 3rd parties. Further the source is open and available on GitHub. However should you still prefer it, a version is available which does not require sharing your email address: http://june07.com/NiM11. I will maintain the code (bug fixes), however feature additions will only be made to this branch. Please feel free to reach out to me [email protected] if you have any other concerns as I am open to discussion. Should any policies change there will be notice given of such changes.

At the time of writing, the v8 --inspect option is fairly new. See https://nodejs.org/api/debugger.html#debugger_v8_inspector_integration_for_node_js for additional details on the option.d

If you enjoy using NiM please give us a 5 star rating and/or a G+1. Any and all feedback is encouraged and welcome. [email protected] Thank you in advance.

This project is open source and available at https://github.com/june07/NiM.

[0.13.0-Beta1] - 2017-04-12
Added
- Faster polling (GitHub - Allow users to pick faster polling rate #13)
[0.12.5] - 2017-03-10
Fixed
- Not a bug per se but I've received a lot of feedback about it so I added some alerting under certain situations. One being when the user is trying to connect to a non-existant DevTools instance, and/or one on the wrong host, port, etc.
[0.12.4] - 2017-03-06
Fixed
- GitHub Issue #12 breaking change caused by 0.12.2.
[0.12.2] - 2017-03-05
Fixed
- GitHub Issue #11 opened by wesbos.
[0.12.1] - 2017-02-28
Fixed
- Improve German localization https://github.com/june07/NiM/pull/9, Thank you to hpohlmeyer!
- Improve Chinese localization https://github.com/june07/NiM/pull/10, Thank you to jingsam!
[0.12.0] - 2017-02-09
Added
- Version update progress metric capture.
Changed
- Optimized CSS files.
[0.11.0] - 2017-02-07
Added
- Better langauge support with the addition of 20 more language translations. Arabic, Czech, Danish, Greek, Estonian, Finnish, Hebrew, Hungarian, Croatian, Indonesian, Latvian, Dutch, Norwegian, Romanian, Slovak, Swedish, Thai, Turkish, Ukrainian, and Vietnamese!
[0.10.0] - 2017-01-30
Added
- This release includes a lot of UI changes, hopefully, all to the better. The color scheme has changed slightly to match that of the main NiM icon. A floating material style button has been added to the lower right corner of the popup to facilitate access to current and possible future features without being disruptive to the UI. Currently, there is a button for the settings modal as well as well as a button for a new feature, the notification area. Again, the notification area was meant to be very non-intrusive and to allow for easier communication to users about important issues. Finally a Google+ Platform link was added to make it even easier to add those stellar reviews and 5 star ratings . The donation link was also changed partially in response to user feedback about making some additions to that area.
[0.9.3] - 2017-01-19
Fixed
- There was a \"bug\" where if a user was debugging remotely and did not forward the DevTools port along with the websocket port, the local websocket port would not be translated. This was fixed.
Changed
- Japanese localization improvements https://github.com/june07/NiM/pull/6, Thank you to ABCanG!
Added
- Keyboard Shortcut Ctrl-I for opening DevTools.
- Hitting the Enter key for \"host\" or \"port\" input on the popup will open DevTools.
[0.9.2] - 2016-12-30
Changed
- Updated analytics to provide more data on program usage.
[0.9.1] - 2016-12-27
Changed
- Updated icon set
[0.9.0] - 2016-12-23
Added
- Use Local DevTools option
[0.8.1] - 2016-12-19
Fixed
- Language support for Portuguese and Chinese.
- Chrome tab not closing properly when using Nodemon #1
- Improve ja localization https://github.com/june07/NiM/pull/3, Thank you to onionmk2!
[0.8.0] - 2016-12-11
Added
- Support for 10 additional languages. Danish, Spanish, French, Italian, Japanese, Korean, Polish, Portuguese, Russian, and Chinese
[0.7.0] - 2016-11-28
Added
- A very short uninstall survey.
[0.6.1] - 2016-11-27
Fixed
- Remote debugging only worked in some cases.
[0.6.0] - 2016-11-26
Added
- UI improvements
[0.4.0] - 2016-11-17
Added
- The option of auto closing the Chrome DevTools session (tab or window).

Complete changelog: https://github.com/june07/NiM/blob/master/CHANGELOG.md
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "__MSG_appName__", "short_name": "__MSG_appShortName__", "version": "0.13.2", "version_name": "0.13.2-Beta1", "default_locale": "en", "description": "__MSG_appDescription__", "author": "June07 <[email protected]> (http://june07.com/)", "browser_action": { "default_title": "__MSG_defaultTitle__", "default_popup": "popup.html" }, "options_ui": { "page": "options.html", "chrome_style": true }, "icons": { "16": "./icon/icon16.png", "32": "./icon/icon32.png", "48": "./icon/icon48.png", "128": "./icon/icon128.png", "162": "./icon/[email protected]", "163": "./icon/[email protected]", "322": "./icon/[email protected]", "323": "./icon/[email protected]", "482": "./icon/[email protected]", "483": "./icon/[email protected]", "1282": "./icon/[email protected]", "1283": "./icon/[email protected]" }, "permissions": [ "*://*/", "storage", "background", "tabs", "identity", "identity.email" ], "background": { "page": "background.html" }, "content_security_policy": "script-src 'self' 'unsafe-eval' https://www.google-analytics.com https://ssl.google-analytics.com https://june07.github.io https://apis.google.com https://button.flattr.com https://www.paypalobjects.com https://apis.google.com; object-src 'self' https://www.google-analytics.com https://ssl.google-analytics.com;", "commands": { "open-devtools": { "suggested_key": { "default": "Ctrl+I", "mac": "Command+I" }, "description": "Open the DevTools Window" } }}
Read more

How to download and manually install NiM (Node.js V8 --inspector Manager) Beta extension for Chrome

Looking for a way to install NiM (Node.js V8 --inspector Manager) Beta extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install NiM (Node.js V8 --inspector Manager) Beta extensions manually, this article outlines two simple methods to effortlessly install NiM (Node.js V8 --inspector Manager) Beta extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download NiM (Node.js V8 --inspector Manager) Beta extension and manually install through Drag &Drop

If you ever need to manually install a NiM (Node.js V8 --inspector Manager) Beta extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the NiM (Node.js V8 --inspector Manager) Beta Extension by clicking the "Download CRX" button on the website.

Look for the NiM (Node.js V8 --inspector Manager) Beta extension you wish to install. Go to the website and download the NiM (Node.js V8 --inspector Manager) Beta extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for NiM (Node.js V8 --inspector Manager) Beta extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the NiM (Node.js V8 --inspector Manager) Beta extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download NiM (Node.js V8 --inspector Manager) Beta extension for Chrome and install in Developer Mode

This is another method to install NiM (Node.js V8 --inspector Manager) Beta extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the NiM (Node.js V8 --inspector Manager) Beta extension file

Select and download the NiM (Node.js V8 --inspector Manager) Beta extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the NiM (Node.js V8 --inspector Manager) Beta extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your NiM (Node.js V8 --inspector Manager) Beta extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the NiM (Node.js V8 --inspector Manager) Beta extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install NiM (Node.js V8 --inspector Manager) Beta extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Node.js V8 --inspector Manager (NiMV3) Extension · Developer Tools 343 97 ★ 582KiB

icon

Github Package.json Enhancer Extension · Developer Tools 343 0 ★ 18.89KiB

icon

Node.js Inspector Manager (NiM) Extension · Developer Tools 343 8 ★ 648KiB

icon

rappidjs-devtools Extension · Developer Tools 343 0 ★ 9.41KiB

icon

LiveScriptConsole Extension · Developer Tools 343 2 ★ 388KiB

icon

Developer pages Extension · Developer Tools 343 5 ★ 7.09KiB

icon

rawkit Extension · Developer Tools 343 0 ★ 88.13KiB

icon

DOM to JSON Converter Extension · Developer Tools 343 1 ★ 18.23KiB

icon

Scripter debugger extension Extension · Developer Tools 343 2 ★ 1.04MiB

icon

DevTools Classes & Atributes panel Extension · Developer Tools 343 4 ★ 12.75KiB

icon

Lavaca Developer Tools Extension · Developer Tools 343 0 ★ 10.42MiB

icon

Atma.js DevTool Extension · Developer Tools 343 0 ★ 201KiB

icon

DOM to JSON Selector Extension · Developer Tools 343 0 ★ 48.55KiB

icon

DOM-JSON Tree Matcher Extension · Developer Tools 343 0 ★ 18.58KiB

icon

HTML5 Debugger Extension · Developer Tools 343 1 ★ 9.01KiB

icon

Github Node.js require() navigator Extension · Developer Tools 343 8 ★ 509KiB

icon

Developer search tool Extension · Productivity 343 4 ★ 123KiB

icon

Dev Helper Extension · Developer Tools 343 8 ★ 90.47KiB

icon

Advanced Dev Tools Extension · Developer Tools 343 1 ★ 891KiB

icon

Enhanced Developer Console Extension · Developer Tools 343 1 ★ 15.69KiB

icon

Dev Playground Extension · Developer Tools 343 2 ★ 288KiB

icon

Markdown Menu for GitHub Extension · Developer Tools 343 9 ★ 5.8KiB

icon

Examine Offline Data (Cookies, HTML5 Storage) Extension · Developer Tools 343 5 ★ 33.75KiB

icon

npmhub Extension · Developer Tools 343 19 ★ 77.19KiB