-
Notifications
You must be signed in to change notification settings - Fork 1
/
live.html
158 lines (157 loc) · 13.9 KB
/
live.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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html>
<head>
<title>HTTP Headers</title>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Rubik">
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="css/live.min.css" type="text/css" />
<script src="js/jquery.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/live.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top container">
<div class="navbar-header">
<h2 style="color:floralwhite; letter-spacing:1px;">HTTP Headers</h2>
</div>
<ul class="nav navbar-nav">
<li><a href="#" id="capture" class="active">
<svg class="svg-icon" viewBox="0 0 20 20">
<path d="M17.659,9.597h-1.224c-0.199-3.235-2.797-5.833-6.032-6.033V2.341c0-0.222-0.182-0.403-0.403-0.403S9.597,2.119,9.597,2.341v1.223c-3.235,0.2-5.833,2.798-6.033,6.033H2.341c-0.222,0-0.403,0.182-0.403,0.403s0.182,0.403,0.403,0.403h1.223c0.2,3.235,2.798,5.833,6.033,6.032v1.224c0,0.222,0.182,0.403,0.403,0.403s0.403-0.182,0.403-0.403v-1.224c3.235-0.199,5.833-2.797,6.032-6.032h1.224c0.222,0,0.403-0.182,0.403-0.403S17.881,9.597,17.659,9.597 M14.435,10.403h1.193c-0.198,2.791-2.434,5.026-5.225,5.225v-1.193c0-0.222-0.182-0.403-0.403-0.403s-0.403,0.182-0.403,0.403v1.193c-2.792-0.198-5.027-2.434-5.224-5.225h1.193c0.222,0,0.403-0.182,0.403-0.403S5.787,9.597,5.565,9.597H4.373C4.57,6.805,6.805,4.57,9.597,4.373v1.193c0,0.222,0.182,0.403,0.403,0.403s0.403-0.182,0.403-0.403V4.373c2.791,0.197,5.026,2.433,5.225,5.224h-1.193c-0.222,0-0.403,0.182-0.403,0.403S14.213,10.403,14.435,10.403"></path>
</svg>
Capture</a></li>
<li><a href="#" id="rawView" class="active">
<svg class="svg-icon" viewBox="0 0 20 20">
<path d="M17.701,3.919H2.299c-0.223,0-0.405,0.183-0.405,0.405v11.349c0,0.223,0.183,0.406,0.405,0.406h15.402c0.224,0,0.405-0.184,0.405-0.406V4.325C18.106,4.102,17.925,3.919,17.701,3.919 M17.296,15.268H2.704V7.162h14.592V15.268zM17.296,6.352H2.704V4.73h14.592V6.352z M5.947,5.541c0,0.223-0.183,0.405-0.405,0.405H3.515c-0.223,0-0.405-0.182-0.405-0.405c0-0.223,0.183-0.405,0.405-0.405h2.027C5.764,5.135,5.947,5.318,5.947,5.541"></path>
</svg>
Raw</a></li>
<li><a href="#" id="clearAll">
<svg class="svg-icon" viewBox="0 0 20 20">
<path d="M17.114,3.923h-4.589V2.427c0-0.252-0.207-0.459-0.46-0.459H7.935c-0.252,0-0.459,0.207-0.459,0.459v1.496h-4.59c-0.252,0-0.459,0.205-0.459,0.459c0,0.252,0.207,0.459,0.459,0.459h1.51v12.732c0,0.252,0.207,0.459,0.459,0.459h10.29c0.254,0,0.459-0.207,0.459-0.459V4.841h1.511c0.252,0,0.459-0.207,0.459-0.459C17.573,4.127,17.366,3.923,17.114,3.923M8.394,2.886h3.214v0.918H8.394V2.886z M14.686,17.114H5.314V4.841h9.372V17.114z M12.525,7.306v7.344c0,0.252-0.207,0.459-0.46,0.459s-0.458-0.207-0.458-0.459V7.306c0-0.254,0.205-0.459,0.458-0.459S12.525,7.051,12.525,7.306M8.394,7.306v7.344c0,0.252-0.207,0.459-0.459,0.459s-0.459-0.207-0.459-0.459V7.306c0-0.254,0.207-0.459,0.459-0.459S8.394,7.051,8.394,7.306"></path>
</svg>
Clear</a></li>
<li><a href="#myModal" role="button" id="settings" data-toggle="modal">
<svg class="svg-icon" viewBox="0 0 20 20">
<path d="M17.498,11.697c-0.453-0.453-0.704-1.055-0.704-1.697c0-0.642,0.251-1.244,0.704-1.697c0.069-0.071,0.15-0.141,0.257-0.22c0.127-0.097,0.181-0.262,0.137-0.417c-0.164-0.558-0.388-1.093-0.662-1.597c-0.075-0.141-0.231-0.22-0.391-0.199c-0.13,0.02-0.238,0.027-0.336,0.027c-1.325,0-2.401-1.076-2.401-2.4c0-0.099,0.008-0.207,0.027-0.336c0.021-0.158-0.059-0.316-0.199-0.391c-0.503-0.274-1.039-0.498-1.597-0.662c-0.154-0.044-0.32,0.01-0.416,0.137c-0.079,0.106-0.148,0.188-0.22,0.257C11.244,2.956,10.643,3.207,10,3.207c-0.642,0-1.244-0.25-1.697-0.704c-0.071-0.069-0.141-0.15-0.22-0.257C7.987,2.119,7.821,2.065,7.667,2.109C7.109,2.275,6.571,2.497,6.07,2.771C5.929,2.846,5.85,3.004,5.871,3.162c0.02,0.129,0.027,0.237,0.027,0.336c0,1.325-1.076,2.4-2.401,2.4c-0.098,0-0.206-0.007-0.335-0.027C3.001,5.851,2.845,5.929,2.77,6.07C2.496,6.572,2.274,7.109,2.108,7.667c-0.044,0.154,0.01,0.32,0.137,0.417c0.106,0.079,0.187,0.148,0.256,0.22c0.938,0.936,0.938,2.458,0,3.394c-0.069,0.072-0.15,0.141-0.256,0.221c-0.127,0.096-0.181,0.262-0.137,0.416c0.166,0.557,0.388,1.096,0.662,1.596c0.075,0.143,0.231,0.221,0.392,0.199c0.129-0.02,0.237-0.027,0.335-0.027c1.325,0,2.401,1.076,2.401,2.402c0,0.098-0.007,0.205-0.027,0.334C5.85,16.996,5.929,17.154,6.07,17.23c0.501,0.273,1.04,0.496,1.597,0.66c0.154,0.047,0.32-0.008,0.417-0.137c0.079-0.105,0.148-0.186,0.22-0.256c0.454-0.453,1.055-0.703,1.697-0.703c0.643,0,1.244,0.25,1.697,0.703c0.071,0.07,0.141,0.15,0.22,0.256c0.073,0.098,0.188,0.152,0.307,0.152c0.036,0,0.073-0.004,0.109-0.016c0.558-0.164,1.096-0.387,1.597-0.66c0.141-0.076,0.22-0.234,0.199-0.393c-0.02-0.129-0.027-0.236-0.027-0.334c0-1.326,1.076-2.402,2.401-2.402c0.098,0,0.206,0.008,0.336,0.027c0.159,0.021,0.315-0.057,0.391-0.199c0.274-0.5,0.496-1.039,0.662-1.596c0.044-0.154-0.01-0.32-0.137-0.416C17.648,11.838,17.567,11.77,17.498,11.697 M16.671,13.334c-0.059-0.002-0.114-0.002-0.168-0.002c-1.749,0-3.173,1.422-3.173,3.172c0,0.053,0.002,0.109,0.004,0.166c-0.312,0.158-0.64,0.295-0.976,0.406c-0.039-0.045-0.077-0.086-0.115-0.123c-0.601-0.6-1.396-0.93-2.243-0.93s-1.643,0.33-2.243,0.93c-0.039,0.037-0.077,0.078-0.116,0.123c-0.336-0.111-0.664-0.248-0.976-0.406c0.002-0.057,0.004-0.113,0.004-0.166c0-1.75-1.423-3.172-3.172-3.172c-0.054,0-0.11,0-0.168,0.002c-0.158-0.312-0.293-0.639-0.405-0.975c0.044-0.039,0.085-0.078,0.124-0.115c1.236-1.236,1.236-3.25,0-4.486C3.009,7.719,2.969,7.68,2.924,7.642c0.112-0.336,0.247-0.664,0.405-0.976C3.387,6.668,3.443,6.67,3.497,6.67c1.75,0,3.172-1.423,3.172-3.172c0-0.054-0.002-0.11-0.004-0.168c0.312-0.158,0.64-0.293,0.976-0.405C7.68,2.969,7.719,3.01,7.757,3.048c0.6,0.6,1.396,0.93,2.243,0.93s1.643-0.33,2.243-0.93c0.038-0.039,0.076-0.079,0.115-0.123c0.336,0.112,0.663,0.247,0.976,0.405c-0.002,0.058-0.004,0.114-0.004,0.168c0,1.749,1.424,3.172,3.173,3.172c0.054,0,0.109-0.002,0.168-0.004c0.158,0.312,0.293,0.64,0.405,0.976c-0.045,0.038-0.086,0.077-0.124,0.116c-0.6,0.6-0.93,1.396-0.93,2.242c0,0.847,0.33,1.645,0.93,2.244c0.038,0.037,0.079,0.076,0.124,0.115C16.964,12.695,16.829,13.021,16.671,13.334 M10,5.417c-2.528,0-4.584,2.056-4.584,4.583c0,2.529,2.056,4.584,4.584,4.584s4.584-2.055,4.584-4.584C14.584,7.472,12.528,5.417,10,5.417 M10,13.812c-2.102,0-3.812-1.709-3.812-3.812c0-2.102,1.71-3.812,3.812-3.812c2.102,0,3.812,1.71,3.812,3.812C13.812,12.104,12.102,13.812,10,13.812"></path>
</svg>
Settings</a></li>
<!-- <li><a href="#myModal" role="button" id="settings" data-toggle="modal"><i class="icon-wrench"></i>Settings</a></li> -->
<li>
<div class="input-group">
<input id="filter" type="text" class="form-control" placeholder="URL filter...">
<!-- <button class="btn btn-primary" id="urlFilter">URL Filter</button> -->
<button class="btn btn-warning" id="urlClear">Clear</button>
</div>
</li>
<!-- <li><a href="#ExportModal" role="button" id="showAll" data-toggle="modal"><i class="icon-download-alt"></i>Show all</a></li> -->
</ul>
</nav>
<table id="mainTable" class="table table-bordered table-condensed">
<thead>
<tr>
<th style="width: 25px; text-align: center;">#</th>
<th style="width: 40px; text-align: center;">Method</th>
<th class="status" >Status</th>
<th style="width: 256px;">Url</th>
<th>Headers</th>
</tr>
</thead>
<tr>
<td colspan="4" style="width: 400px; padding: 0px;">
<div class="results" style="overflow: auto; height: 100%; width: 100%; max-width:409px;">
<table id="responseList" class="table table-condensed table-hover table-bordered">
<tbody>
</tbody>
</table>
</div>
</td>
<td style="padding: 0px;" id="previewArea">
<div style="padding:10px;font-weight:bold;">
<p>
HTTP Headers logs all HTTP traffic between Google Chrome and the Internet.<br />Open a new tab and type any Url to start logging or just wait until some background HTTP request starts.<br />
</p>
<hr />
<p>
Hope you like it. If you have suggestions or recommendations please let me know at <a href="mailto:[email protected]?subject=HTTP%20Headers" target="_top">[email protected]</a>.
</p>
<p>Thank you!</p>
</div>
</td>
</tr>
</table>
<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
<div class="modal-header">
<h3 id="myModalLabel">Settings</h3>
</div>
<div class="modal-body">
<table class="table table-bordered">
<tr>
<td>
<b>Capture</b><br />
<label class="checkbox">
<input id="setMainFrame" type="checkbox">
Document</label><br />
<label class="checkbox">
<input id="setSubFrame" type="checkbox">
Frames & Iframes</label><br />
<label class="checkbox">
<input id="setStylesheet" type="checkbox">
Stylesheets</label><br />
<label class="checkbox">
<input id="setScript" type="checkbox">
Scripts</label><br />
<label class="checkbox">
<input id="setImage" type="checkbox">
Images</label><br />
<label class="checkbox">
<input id="setXHR" type="checkbox">
XMLHttpRequests</label><br />
<label class="checkbox">
<input id="setObject" type="checkbox">
Objects</label><br />
<label class="checkbox">
<input id="setOther" type="checkbox">
Other</label><br />
</td>
<td>
<b>View headers</b><br />
<label class="checkbox">
<input type="radio" name="viewType" id="viewTypeRaw" />
Raw</label><br />
<label class="checkbox">
<input type="radio" name="viewType" id="viewTypeNice" />
Formated</label><br />
<br />
<b>View list</b><br />
<label class="checkbox">
<input type="radio" name="orderType" id="listAscending" />
Ascending order</label><br />
<label class="checkbox">
<input type="radio" name="orderType" id="listDescending" />
Descending order</label><br />
<br />
</td>
</tr>
</table>
</div>
<div class="modal-footer">
<a href="#" class="btn btn-danger" data-dismiss="modal" aria-hidden="true">Cancel</a>
<a href="#" id="saveSettings" class="btn btn-success">Save changes</a>
</div>
</div>
<!-- <div id="ExportModal" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
<div class="modal-header">
<h3 id="ExportModalLabel">Show all</h3>
</div>
<div class="modal-body">
Select all and copy if you want to save the information.<br />
<textarea wrap="off" id="exportAsText" class="input-block-level" rows="15"></textarea>
</div>
<div class="modal-footer">
<a href="#" class="btn btn-danger" data-dismiss="modal" aria-hidden="true">Close</a>
</div>
</div> -->
</body>
</html>