105 строки
4.9 KiB
HTML
105 строки
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
##StyleLink##
|
|
<title>Mezzurite Extension</title>
|
|
</head>
|
|
<body>
|
|
<div id="header-region" class="headerRegion">
|
|
<h2 style="color:rgb(45, 183, 230)">Mezzurite Extension</h2>
|
|
</div>
|
|
|
|
<div id="container-region" class="containerRegion">
|
|
|
|
<div>
|
|
<h2 style="color:rgb(45, 183, 230)">Overview</h2>
|
|
<div>This plugin improves the Mezzurite SDK implementation experience. The Mezzurite SDK provides a consistent way to collect performance metrics of Single Page Applications across a variety of frameworks.
|
|
</div>
|
|
<div> Learn more about Mezzurite by visiting our <a href="https://github.com/Microsoft/Mezzurite"> GitHub Repository!</a></div>
|
|
</div>
|
|
|
|
<div>
|
|
<h2 style="color:rgb(45, 183, 230)">Features provided by this extension</h2>
|
|
<ul>
|
|
<li>
|
|
<h3> Components Tracking </h3>
|
|
<div> Displaying the marked and unmarked components for performance tracking from the application code currently active in editor workspace.</div>
|
|
</li>
|
|
<li>
|
|
<h3> Modules Tracking </h3>
|
|
<div> Displaying the modules configured with mezzurite performance markers to capture ALT and VLT for the application code currently active in editor workspace.</div>
|
|
</li>
|
|
<li>
|
|
<h3> Intellisense and autocomplete </h3>
|
|
<div> Suggestion are provided for mezzurite syntaxes while typing imports and other mezzurite related code. Code completion would be performed automatically while hitting Ctrl+Space on specific syntaxes.</div>
|
|
</li>
|
|
<li>
|
|
<h3> Verifying Loggers </h3>
|
|
<div> This feature verifies whether logging options for captured metrics is enabled or not. This also provides suggestions on required mandatory properties in logging config.</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h2 style="color:rgb(45, 183, 230)">Shortcuts</h2>
|
|
<ul>
|
|
<li>
|
|
Validate mezzurite configuration with a shortcut command:- ctrl + alt + m or through command pallete with ctrl + shift + p and type "Validate Mezzurite Configuration"
|
|
</li>
|
|
<li>
|
|
Get mezzurite extension's guide through command pallete with ctrl + shift + p and type "Mezzurite Extension Guide"
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h2 style="color:rgb(45, 183, 230)">Frameworks supported</h2>
|
|
<ul>
|
|
<li>
|
|
AngularJs
|
|
</li>
|
|
<li>
|
|
Angular 2-5
|
|
</li>
|
|
<li>
|
|
Angular 6
|
|
</li>
|
|
<li>
|
|
React
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h2 style="color:rgb(45, 183, 230)">Metric timing values</h2>
|
|
<div>
|
|
Mezzurite vs code extension does not provides details about app tracking, component tracking and timing values for ALT, VLT and CLT.
|
|
For more details on these metrics and their values, please checkout our Chrome extension <a href="https://www.google.com">here.</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<h2 style="color:rgb(45, 183, 230)">Github Repo's</h2>
|
|
<ul>
|
|
<li>
|
|
Mezzurite Development:- <a href="https://github.com/Microsoft/Mezzurite">https://github.com/Microsoft/Mezzurite</a>
|
|
</li>
|
|
<li>
|
|
Vs code extension for Mezzurite:- <a href="https://github.com/Microsoft/vscode-mezzurite">https://github.com/Microsoft/vscode-mezzurite</a>
|
|
</li>
|
|
<li>
|
|
Application Insights Web SDK Mezzurite Extension:- <a href="https://github.com/Microsoft/ApplicationInsights-JS-Mezzurite">https://github.com/Microsoft/ApplicationInsights-JS-Mezzurite</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="footer-region" class="footerRegion">
|
|
For more information and feedback on Mezzurite and its extensions. Please contact us at<a href="mailto:mezzurite@microsoft.com"> mezzurite@microsoft.com</a>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |