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"
ภาพหน้าจอของส่วนขยาย
ดาวน์โหลดไฟล์ 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 |
| 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": [
" | |
