CS TraceFrame

Add PCAP Visibility to your Application

The TraceFrame DevKit gives you everything you need to embed pcap decodes in your browser-based application or service.

CS TraceFrame is a development kit made up of JavaScript, CSS, and a server-side component that delivers PCAP decodes and analysis to web applications.

app.js
// create a new traceframe view
var tf = new TraceFrame({
   baseUrl:           "/pcap",
   container:         "pcap-viewer",
   enableDragAndDrop: true,

   file: "/data/examples/tcp.pcap"
});
view.html
<link rel='stylesheet' href='/traceframe.css'/>
<script src='traceframe.min.js' type='text/javascript'></script>
<script src='app.js' type='text/javascript'></script>
...
<div id='pcap-viewer'></div>