Storyboard DevTools

Gives you access to end-to-end stories (logs) for Storyboard-equipped applications

Τι είναι το Storyboard DevTools;

Το Storyboard DevTools είναι ένα πρόσθετο Chrome που αναπτύχθηκε από τον Guillermo Grau, και η κύρια λειτουργία του είναι "Gives you access to end-to-end stories (logs) for Storyboard-equipped applications".

Στιγμιότυπα Επέκτασης

screenshot
screenshot
screenshot
screenshot

Λήψη αρχείου CRX της επέκτασης Storyboard DevTools

Λήψη αρχείων επέκτασης 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 Storyboard DevTools
ID gficinaagglofbelmgdkknaefhpknccc
Επίσημο URL 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": [
                ""
            ],
            "js": [
                "contentScript.js"
            ],
            "run_at": "document_start"
        }
    ],
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "devtools_page": "devTools.html",
    "icons": {
        "16": "Logo16.png",
        "32": "Logo32.png",
        "48": "Logo48.png",
        "128": "Logo128.png"
    }
}