Storyboard DevTools
Gives you access to end-to-end stories (logs) for Storyboard-equipped applications
什麼是Storyboard DevTools?
Storyboard DevTools是由Guillermo Grau開發的Chrome擴展程式,該擴展的主要功能是“Gives you access to end-to-end stories (logs) for Storyboard-equipped applications”。
擴展截圖
下載Storyboard DevTools擴展crx文件
下載Storyboard DevTools擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。
擴展使用說明
But why use Storyboard? (http://guigrpa.github.io/storyboard/) * 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. * 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. * 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. * Storyboard CLI: wrap any application with it (no changes required) to monitor it remotely with the Storyboard DevTools. * Real-time push of server logs to the Storyboard DevTools extension via WebSockets, with opt-in client-server clock synchronization. Even more: control the level of detail you get from various parts of your server remotely, without relaunching. * Secure server logs: remote access is opt-in, and can be authenticated. * Attach anything to your logs for further investigation. * Plug-in architecture. Available plugins include Console, WebSocket Server & Client, File, (PostgreSQL) Database, and Browser Extension, but you can write your own too! * Lightweight. Plugins are now (v3) available separately, so you only need to bring in the dependencies you actually use. * Rich filter options: give logs source and severity attributes and apply fine-grained filtering, with white and black lists. * Colorful: use color to convey meaning and importance. Storyboard extends the popular chalk library so that it can also be used on the browser. * Enjoy the simple-yet-powerful API. You will find a new "Storyboad" pane in your Chrome DevTools. Point your browser to either your normal server or Storyboard's standalone log server and log in (if required). Some DevTools features worth highlighting: * Modify the server's filter configuration without restarting it. * Show stories chronologically ("flat") or hierarchically ("tree"): hover on the story title for the button to appear. * Collapse/expand stories: click on the caret. Even when stories are collapsed, detect that they contain an error or warning thanks to a special icon. * Open attachments and exceptions: click on the folder icon. * Choose among 3 timestamp formats: UTC, local or relative to now: click on any timestamp. * Set reference timestamps: right-click or control-click on any timestamp. * Use quick find (case-insensitive) to highlight what you're looking for. * Squash identical, consecutive messages into a convenient summary line. * Configure when and how Storyboard "forgets" old logs and stories. * Customise colours to your heart's content! The Storyboard library is available here: http://guigrpa.github.io/storyboard/ (or just click on the Website button below). Demo: https://storyboard-bhibtchlhy.now.sh/ (might be a bit slow <— free hosting!) A note on permissions: The "Read and change all your data on the websites you visit" permission sounds outright scary, but is required to send a request to a domain (the same domain of your app). It's not used for anything else.
擴展基本資訊
名稱 | Storyboard DevTools |
ID | gficinaagglofbelmgdkknaefhpknccc |
官方網址 | https://chromewebstore.google.com/detail/storyboard-devtools/gficinaagglofbelmgdkknaefhpknccc |
簡介 | Gives you access to end-to-end stories (logs) for Storyboard-equipped applications |
檔案大小 | 1.13 MB |
安裝次數 | 482 |
目前版本 | 3.1.1 |
更新時間 | 2017-03-01 |
上架時間 | 2017-03-01 |
評分 | 5.00/5 共 3 次評分 |
開發者 | Guillermo Grau |
電子郵箱 | [email protected] |
付費類型 | free |
擴展官網 | http://guigrpa.github.io/storyboard/ |
說明頁面URL | https://github.com/guigrpa/storyboard/issues |
支援的語言 | en |
manifest.json | |
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "Storyboard DevTools", "short_name": "Storyboard DevTools", "description": "Gives you access to end-to-end stories (logs) for Storyboard-equipped applications", "author": "Guillermo Grau Panea", "version": "3.1.1", "content_scripts": [ { "matches": [ " |