forked from mayhemer/logan
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
89 lines (76 loc) · 3.22 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html>
<head>
<title>Mozilla Log Analyzer</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="logan.css" />
<script src="jquery-3.2.1.slim.min.js"></script>
<script defer src="logan.js"></script>
<script defer src="logan-ui.js"></script>
<script defer src="logan-netdiag.js"></script>
<script defer src="logan-rules.js"></script>
<script defer src="zip/zip.js"></script>
<script async src="jquery.collapse.js"></script>
<style id="dynamic_style"></style>
</head>
<body>
<div id="file_load_section" class="section">
<span id="introduction">
<p>
This is a log analyzer intended for object-based analyzes of logs
produced by <a href="https://www.mozilla.org/en-US/firefox/">Mozilla Firefox</a> or other Gecko based applications through
<a href="https://developer.mozilla.org/en-US/docs/Mozilla/Debugging/HTTP_logging">MOZ_LOG</a>.
The documentation is available <a href="https://github.com/mayhemer/logan#readme">here</a>,
code is tracked on <a href="https://github.com/mayhemer/logan">GitHub</a>.
</p>
<p>
Please note that the log files will not be uploaded anywhere and will only be processed locally, on your machine.
ZIP archives are supported to load directly.
</p>
<hr/><br/>
</span>
<h2>select log files</h2>
<input type="file" id="files" multiple />
<span class="hide-top min-width-default">
<input type="checkbox" id="cache" title=
"Unchecked: don't keep the files' content in memory and load lines only when they are about to display on screen. Saves memory, but when the log files are overwritten, the results will cross-mix without any warning.
Checked: load everything into memory, so that you will work with a snapshot at the time of load. This eats a lot of memory and can cause OOM or significant slowdown with large log files."
/><label for="cache">Cache in memory</label>
<p>
<input type="text" id="url" class="URL" placeholder="Or, specify a URL of a log somewhere on the Web (plain or zip, CORS enabled)." />
<input id="load_url" type="button" value="Load the URL" style="padding: 0; margin: 0.5em 0 0 0"/>
</p>
</span>
<span id="warnings"></span>
<div id="load_progress" class="load_progress"></div>
</div>
<div id="tools">
<select id="select_schema"></select>
<a href="https://github.com/mayhemer/logan#how-to-use-it" target="_blank">?</a>
</div>
<div id="error_section" class="section"></div>
<div id="search_section" class="section">
<label for="search_className">class name</label>
<select id="search_className" type="text"></select>
<br/>
<div id="query_form"></div>
<div class="button_container">
<input id="search_button" class="big button" type="button" value="Search" />
</div>
</div>
<div id="netdiag_section"></div>
<div id="searches" class="flow_root searches">
<div id="active_searches"></div>
</div>
<div id="breadcrumbs">
<div id="seek">
seek:
<input id="seek_to" type="button" class="button icon" value="tail" />
<input id="seek_to_tail" type="button" class="button icon" value="⭳" />
</div>
<div id="list"></div>
<input id="show_map" type="button" class="button icon" value="graph"/>
</div>
<div id="results_section" class="section results"></div>
</body>
</html>