lightstep-tracer
Version:
> ❗ **This instrumentation is no longer recommended**. Please review [documentation on setting up and configuring the OpenTelemetry Node.js Launcher](https://github.com/lightstep/otel-launcher-node) or [OpenTelemetry JS (Browser)](https://github.com/open-
62 lines (58 loc) • 2.02 kB
HTML
<html>
<head>
<title>LightStep - Simple Browser Example</title>
<style>
.main {
max-width : 720px;
margin : 32px auto;
}
textarea {
width : 100%;
min-height : 40em;
}
</style>
</head>
<body>
<div class="main">
<h1>LightStep: Trivial Browser Example</h1>
<h3>Results</h3>
<div id="trace-link-div" style="opacity : 0">
<a id="trace-link" href="" target="_blank">Link to trace on LightStep</a>
</div>
<textarea id='results'></textarea>
</div>
<!--
Include the standard OpenTracing APIs and the LightStep bindings.
-->
<script type="text/javascript" src="opentracing-browser.min.js"></script>
<script type="text/javascript" src="lightstep-tracer.js"
data-init_global_tracer="true"
data-access_token="{your_access_token}"
data-component_name="lightstep-tracer/examples/browser-trivial"
data-xhr_instrumentation="true"
></script>
<!--
Add a quick example script using OpenTracing and LightStep
-->
<script type="text/javascript">
<!--
var span = opentracing.globalTracer().startSpan('trivial_span');
setTimeout(function() {
span.log({ event : 'log_event' });
}, 100);
setTimeout(function() {
span.finish();
// Update the page
var results = document.getElementById('results');
var linkDiv = document.getElementById('trace-link-div');
var link = document.getElementById('trace-link');
results.value = 'Span finished.'
var url = span.generateTraceURL();
link.href = url;
linkDiv.style.opacity = 1.0;
}, 200);
-->
</script>
</body>
</html>