T17:26:34.151Z storyboard INFO Logs available via web on port 8090 T17:26:33.975Z storyboard INFO Log filter: *:DEBUG If you don't want to modify your existing application but still want to use the Storyboard DevTools or other Storyboard features, you can use the sb CLI tool: $ npm install -g storyboard-cli Hopefully the next sections will convince you of the benefits of adding Storyboard to your project. Optional, but highly recommended! After installing it, open the Storyboard pane in the Chrome DevTools and point your browser to a Storyboard-equipped page (see below for how to use the library). To install the Storyboard DevTools Chrome extension, get it from the Chrome Web Store. If you only want the (less powerful) CLI tool, see this section. Storyboard extends the popular chalk library so that it can also be used on the browser.įor the simplest possible Storyboard installation (for more options, check out the Listeners section below): $ npm install -save storyboard storyboard-preset-console Colorful: use color to convey meaning and importance.Rich filter options: give logs source and severity attributes and apply fine-grained filtering, with white and black lists.Plugins are now (v3) available separately, so you only need to bring in the dependencies you actually use. Available plugins include Console (& Parallel Console), WebSocket Server & Client, File, (PostgreSQL) Database, and Browser Extension, but you can write your own too! Attach anything to your logs for further investigation.Secure server logs: remote access is opt-in, and can be authenticated. Even more: control the level of detail you get from various parts of your server remotely, without relaunching. Real-time push of server logs to the Storyboard DevTools extension via WebSockets, with opt-in client-server clock synchronization.Storyboard CLI: wrap any application with it (no changes required) to monitor it remotely with the Storyboard DevTools.Storyboard DevTools Chrome extension: view client and server logs with a clean and detail-rich interface, including advanced features such as remote monitoring (for mobile devices and non-Chrome browsers) and relative timestamps.End-to-end stories: see all client and server tasks triggered by a user action (a click on the Login button, maybe) in a single place.Hierarchical stories: put logs in context ( stories), and group them in higher-order stories they can be a life-saver with concurrent user actions and async events.Docs for v2 are also available, but you're encouraged to upgrade! Why? :sparkles: A library, plus a Chrome DevTools extension.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |