This extension adds a new panel in chrome's devtools that displays diagrams generated from console logs.
The sequence diagrams are generated using websequencediagrams API - just properly format your logs.
For each page one diagram is generated and automatically updated as the logs are written.
Enable "Experimental Extension APIs" from chrome://flags/ (the extensions uses the console API that is not enabled by default).
Upload the unpacked extension.
If you are using a hosted version of websequencediagrams, you can set your own domain so that the extension doesn't push private data outside your network. Using the hosted app you also have access to extra features such as autonumbering messages.
For applications that require page reloads you can use the console's "Preserve log upon navigation" feature.
Diagrams can be shared using the autogenerated URL, but this feature might fail on some browsers if the compressed content is bigger than 2KB.
Inspect sample.html to view an example of how an diagram can be generated by adding logs in your code.
console.log("A->B: move");
console.log("A->C: move");
console.log("note over C: piece moved");Copyright (c) 2012 Vlad Nemes
MIT License
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.