Lumen help

Monitoring tools for Web

Debug tools for Web

1. Mesh Delivery graph

Mesh Delivery graph
                <head>
    <script src="//tools.streamroot.io/usage-graphs/stable/graphs.js"></script>
</head>

            

In the <body> tag

                <body>
    <div id="streamroot-graphs"></div>
</body>

            

2. Mesh Delivery graph bookmarklet

To activate the Mesh Delivery graph on any page, add a bookmarklet in your browser.
 

Bookmarklet code

                javascript:(function(){var t=document.getElementById("streamroot-graphs");if(t)t.remove(),document.getElementById("streamroot-graphs-script").remove();else{var e=document.createElement("script");t=document.createElement("div"),e.src="https://tools.streamroot.io/usage-graphs/latest/graphs.js",e.setAttribute("id","streamroot-graphs-script"),t.setAttribute("id","streamroot-graphs"),t.style.padding="10px",t.style.position="fixed",t.style.bottom="0%",t.style.width="100%",t.style.zIndex="2147483647",document.body.appendChild(e),document.body.appendChild(t)}})();
            

3. Mesh Delivery stats in console logs bookmarklet

                javascript:!function(){function n(){if(Streamroot.instances.length){var n=Streamroot.instances[0].stats,t=n.allContents.dnaDownload?n.allContents.dnaDownload/(n.allContents.dnaDownload+n.allContents.cdnDownload)*100:0,a={upload:o(n.allContents.dnaUpload),dna:o(n.allContents.dnaDownload),cdn:o(n.allContents.cdnDownload),efficiency:`${t}%`,peers:n.realtime.dnaSources};console.table(a)}else console.warn("Streamrooot not initialized")}function o(n,o=10){if(0===n)return"0B";var t=o+1||1,a=Math.floor(Math.log(n)/Math.log(1e3));return parseFloat((n/1e3**a).toFixed(t))+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][a]}setInterval(()=>{n()},1e4),n()}();
            
Mesh Delivery stats on browser console