refactoring of inline script blocking + improving AMO validation
gorhill
10 years ago
parent
57de4fdf14
commit
6bc728f8b8
@ -1,61 +0,0 @@
|
|||||||
select {
|
|
||||||
max-width: 20em;
|
|
||||||
}
|
|
||||||
#stats div div,#lists div div {
|
|
||||||
padding: 0 1em 0 0;
|
|
||||||
display: inline-block;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
#requestsFilters button {
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
#requestsFilters label {
|
|
||||||
font-size: 13px;
|
|
||||||
padding-right: 0.5em;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
#requests-log {
|
|
||||||
background-color: white;
|
|
||||||
border: 1px inset #eee;
|
|
||||||
direction: ltr;
|
|
||||||
font: 11px monospace;
|
|
||||||
margin: 0;
|
|
||||||
overflow: scroll;
|
|
||||||
padding: 0;
|
|
||||||
width: calc(100% - 1.5em);
|
|
||||||
}
|
|
||||||
#requestsTable {
|
|
||||||
border-collapse: collapse;
|
|
||||||
}
|
|
||||||
#requests-log tr {
|
|
||||||
margin: 0;
|
|
||||||
border: 0;
|
|
||||||
padding: 0;
|
|
||||||
color: #070;
|
|
||||||
}
|
|
||||||
#requests-log tr.ro {
|
|
||||||
color: gray;
|
|
||||||
}
|
|
||||||
#requests-log tr:hover {
|
|
||||||
background-color: #eee;
|
|
||||||
}
|
|
||||||
#requests-log tr.blocked-true {
|
|
||||||
color: #c00;
|
|
||||||
}
|
|
||||||
#requests-log tr:first-child {
|
|
||||||
font-weight: bold;
|
|
||||||
background-color: #eee;
|
|
||||||
}
|
|
||||||
#requests-log tr > td {
|
|
||||||
padding: 1px 0.75em 1px 0;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
#requests-log tr > td:nth-of-type(2) {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
.type-main_frame {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
tr.unused {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
@ -1,119 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
||||||
<title>µMatrix — Info</title>
|
|
||||||
<link rel="stylesheet" type="text/css" href="css/common.css">
|
|
||||||
<link rel="stylesheet" type="text/css" href="css/dashboard-common.css">
|
|
||||||
<link rel="stylesheet" type="text/css" href="css/info.css">
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<h2 data-i18n="statsPageGenericStats" id="generic-stats"></h2>
|
|
||||||
<div>
|
|
||||||
<ul>
|
|
||||||
<li id="statsPageCookieHeadersFoiled">
|
|
||||||
<li id="statsPageRefererHeadersFoiled">
|
|
||||||
<li id="statsPageHyperlinkAuditingFoiled">
|
|
||||||
<li id="statsPageCookiesRemoved">
|
|
||||||
<li id="statsPageLocalStoragesCleared">
|
|
||||||
<li id="statsPageBrowserCacheCleared">
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h2 data-i18n="statsPageDetailedStats" id="detailed-stats"></h2>
|
|
||||||
<div>
|
|
||||||
<select id="selectPageUrlsTemplate" style="display: none;">
|
|
||||||
<option value="" data-i18n="statsPageDetailedAllPages"></option>
|
|
||||||
<option value="http://behind-the-scene/" data-i18n="statsPageDetailedBehindTheScenePage"></option>
|
|
||||||
</select>
|
|
||||||
<select id="selectPageUrls">
|
|
||||||
</select>
|
|
||||||
|
|
||||||
<h3 data-i18n="statsPageOverview"></h3>
|
|
||||||
<div id="stats">
|
|
||||||
<div style="white-space:nowrap;">
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<span data-i18n="statsPageRequests"></span><br>
|
|
||||||
<span data-i18n="statsPageAll"></span><br>
|
|
||||||
<span data-i18n="statsPagePages"></span><br>
|
|
||||||
<span data-i18n="statsPageCookies"></span><br>
|
|
||||||
<span data-i18n="statsPageCSS"></span><br>
|
|
||||||
<span data-i18n="statsPageImages"></span><br>
|
|
||||||
<span data-i18n="statsPagePlugins"></span><br>
|
|
||||||
<span data-i18n="statsPageScripts"></span><br>
|
|
||||||
<span data-i18n="statsPageXHRs"></span><br>
|
|
||||||
<span data-i18n="statsPageFrames"></span><br>
|
|
||||||
<span data-i18n="statsPageOthers"></span><br>
|
|
||||||
</div>
|
|
||||||
<div style="color:#c00">
|
|
||||||
<span data-i18n="statsPageBlocked"></span><br>
|
|
||||||
<span id="blockedAllCount"></span><br>
|
|
||||||
<span id="blockedMainFrameCount"></span><br>
|
|
||||||
<span id="blockedCookieCount"></span><br>
|
|
||||||
<span id="blockedStylesheetCount"></span><br>
|
|
||||||
<span id="blockedImageCount"></span><br>
|
|
||||||
<span id="blockedObjectCount"></span><br>
|
|
||||||
<span id="blockedScriptCount"></span><br>
|
|
||||||
<span id="blockedXHRCount"></span><br>
|
|
||||||
<span id="blockedSubFrameCount"></span><br>
|
|
||||||
<span id="blockedOtherCount"></span><br>
|
|
||||||
</div>
|
|
||||||
<div style="color:#070">
|
|
||||||
<span data-i18n="statsPageAllowed"></span><br>
|
|
||||||
<span id="allowedAllCount"></span><br>
|
|
||||||
<span id="allowedMainFrameCount"></span><br>
|
|
||||||
<span id="allowedCookieCount"></span><br>
|
|
||||||
<span id="allowedStylesheetCount"></span><br>
|
|
||||||
<span id="allowedImageCount"></span><br>
|
|
||||||
<span id="allowedObjectCount"></span><br>
|
|
||||||
<span id="allowedScriptCount"></span><br>
|
|
||||||
<span id="allowedXHRCount"></span><br>
|
|
||||||
<span id="allowedSubFrameCount"></span><br>
|
|
||||||
<span id="allowedOtherCount"></span><br>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<h3 data-i18n="statsPageDetailed"></h3>
|
|
||||||
<div id="requests">
|
|
||||||
<div><span data-i18n="statsPageLogSizePrompt1"></span> <input id="max-logged-requests" type="text" value="50" size="3"> <span data-i18n="statsPageLogSizePrompt2"></span>
|
|
||||||
<button class="whatisthis"></button>
|
|
||||||
<p class="whatisthis-expandable para" data-i18n="statsPageLogSizeHelp"></p>
|
|
||||||
<p id="requestsFilters">
|
|
||||||
<button id="refreshRequests" class="fa" type="button"></button>
|
|
||||||
<button id="clearRequests" class="fa" type="button"></button>
|
|
||||||
<label><input id="show-blocked" type="checkbox" checked value="1"><span style="color:#c00" data-i18n="statsPageBlocked"></span></label>
|
|
||||||
<label><input id="show-allowed" type="checkbox" checked value="1"><span style="color:#070" data-i18n="statsPageAllowed"></span></label>
|
|
||||||
<label><input id="show-doc" type="checkbox" checked value="1"><span data-i18n="statsPagePages"></span></label>
|
|
||||||
<label><input id="show-cookie" type="checkbox" checked value="1"><span data-i18n="statsPageCookies"></span></label>
|
|
||||||
<label><input id="show-css" type="checkbox" checked value="1"><span data-i18n="statsPageCSS"></span></label>
|
|
||||||
<label><input id="show-image" type="checkbox" checked value="1"><span data-i18n="statsPageImages"></span></label>
|
|
||||||
<label><input id="show-plugin" type="checkbox" checked value="1"><span data-i18n="statsPagePlugins"></span></label>
|
|
||||||
<label><input id="show-script" type="checkbox" checked value="1"><span data-i18n="statsPageScripts"></span></label>
|
|
||||||
<label><input id="show-xhr" type="checkbox" checked value="1"><span data-i18n="statsPageXHRs"></span></label>
|
|
||||||
<label><input id="show-frame" type="checkbox" checked value="1"><span data-i18n="statsPageFrames"></span></label>
|
|
||||||
<label><input id="show-other" type="checkbox" checked value="1"><span data-i18n="statsPageOthers"></span></label>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div id="requests-log" style="overflow-y:hidden">
|
|
||||||
<table id="requestsTable">
|
|
||||||
<tr class="ro"><td>when<td>what<td><td>where</tr>
|
|
||||||
<tr class="ro" id="requestRowTemplate"><td><td><td><a href="" style="display:none"><a></a><td></tr>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div> <!-- end of detailed stats -->
|
|
||||||
|
|
||||||
<script src="js/vapi-common.js"></script>
|
|
||||||
<script src="js/vapi-client.js"></script>
|
|
||||||
<script src="js/udom.js"></script>
|
|
||||||
<script src="js/i18n.js"></script>
|
|
||||||
<script src="js/dashboard-common.js"></script>
|
|
||||||
<script src="js/info.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,417 +0,0 @@
|
|||||||
/*******************************************************************************
|
|
||||||
|
|
||||||
µMatrix - a Chromium browser extension to black/white list requests.
|
|
||||||
Copyright (C) 2014 Raymond Hill
|
|
||||||
|
|
||||||
This program is free software: you can redistribute it and/or modify
|
|
||||||
it under the terms of the GNU General Public License as published by
|
|
||||||
the Free Software Foundation, either version 3 of the License, or
|
|
||||||
(at your option) any later version.
|
|
||||||
|
|
||||||
This program is distributed in the hope that it will be useful,
|
|
||||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
||||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
||||||
GNU General Public License for more details.
|
|
||||||
|
|
||||||
You should have received a copy of the GNU General Public License
|
|
||||||
along with this program. If not, see {http://www.gnu.org/licenses/}.
|
|
||||||
|
|
||||||
Home: https://github.com/gorhill/uMatrix
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* global vAPI, uDom */
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
(function() {
|
|
||||||
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
var messager = vAPI.messaging.channel('info.js');
|
|
||||||
|
|
||||||
var targetTabId = null;
|
|
||||||
var maxRequests = 500;
|
|
||||||
var cachedUserSettings = {};
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
// Get a list of latest net requests
|
|
||||||
|
|
||||||
function updateRequestData(callback) {
|
|
||||||
var onResponseReceived = function(r) {
|
|
||||||
var requests = [];
|
|
||||||
for ( var pageURL in r ) {
|
|
||||||
if ( r.hasOwnProperty(pageURL) === false ) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
requests = requests.concat(r[pageURL]);
|
|
||||||
}
|
|
||||||
requests = requests
|
|
||||||
.sort(function(a,b){return b.when-a.when;})
|
|
||||||
.slice(0, maxRequests);
|
|
||||||
callback(requests);
|
|
||||||
};
|
|
||||||
var request = {
|
|
||||||
what: 'getRequestLogs',
|
|
||||||
tabId: targetTabId
|
|
||||||
};
|
|
||||||
messager.send(request, onResponseReceived);
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
function clearRequestData() {
|
|
||||||
var request = {
|
|
||||||
what: 'clearRequestLogs',
|
|
||||||
tabId: targetTabId
|
|
||||||
};
|
|
||||||
messager.send(request);
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
function renderNumber(value) {
|
|
||||||
if ( isNaN(value) ) {
|
|
||||||
return '0';
|
|
||||||
}
|
|
||||||
return value.toLocaleString();
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
function renderNumbers(set) {
|
|
||||||
var keys = Object.keys(set);
|
|
||||||
var i = keys.length;
|
|
||||||
var key;
|
|
||||||
while ( i-- ) {
|
|
||||||
key = keys[i];
|
|
||||||
uDom(key).text(renderNumber(set[key]));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
var renderLocalized = function(id, map) {
|
|
||||||
var uElem = uDom('#' + id);
|
|
||||||
var msg = vAPI.i18n(id);
|
|
||||||
for ( var k in map ) {
|
|
||||||
if ( map.hasOwnProperty(k) === false ) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
msg = msg.replace('{{' + k + '}}', map[k]);
|
|
||||||
}
|
|
||||||
uElem.html(msg);
|
|
||||||
};
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
function renderPageUrls() {
|
|
||||||
var onResponseReceived = function(result) {
|
|
||||||
var i, n;
|
|
||||||
var select = uDom('#selectPageUrls');
|
|
||||||
|
|
||||||
// Remove whatever was put there in a previous call
|
|
||||||
uDom('#selectPageUrls > option').remove();
|
|
||||||
var builtinOptions = uDom('#selectPageUrlsTemplate > option');
|
|
||||||
n = builtinOptions.length;
|
|
||||||
for ( i = 0; i < n; i++ ) {
|
|
||||||
option = builtinOptions.at(i).clone();
|
|
||||||
if ( option.val() === targetTabId ) {
|
|
||||||
option.attr('selected', true);
|
|
||||||
}
|
|
||||||
select.append(option);
|
|
||||||
}
|
|
||||||
|
|
||||||
var entries = result.pageURLs.sort();
|
|
||||||
var entry, pageURL, option;
|
|
||||||
n = entries.length;
|
|
||||||
for ( i = 0; i < n; i++ ) {
|
|
||||||
entry = entries[i];
|
|
||||||
// Behind-the-scene entry is always present, no need to recreate it
|
|
||||||
if ( entry.pageURL === result.behindTheSceneURL ) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
option = uDom('<option>');
|
|
||||||
option.val(entry.tabId);
|
|
||||||
option.text(entry.pageURL);
|
|
||||||
if ( entry.pageURL === targetTabId ) {
|
|
||||||
option.attr('selected', true);
|
|
||||||
}
|
|
||||||
select.append(option);
|
|
||||||
}
|
|
||||||
// Deselect whatever is currently selected
|
|
||||||
//uDom('#selectPageUrls > option:selected').prop('selected', false);
|
|
||||||
// Select whatever needs to be selected
|
|
||||||
//uDom('#selectPageUrls > option[value="'+targetUrl+'"]').prop('selected', true);
|
|
||||||
};
|
|
||||||
messager.send({ what: 'getPageURLs' }, onResponseReceived);
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
function renderStats() {
|
|
||||||
var onResponseReceived = function(r) {
|
|
||||||
if ( !r.pageNetStats ) {
|
|
||||||
targetTabId = null;
|
|
||||||
}
|
|
||||||
|
|
||||||
var requestStats = targetTabId ? r.pageNetStats : r.globalNetStats;
|
|
||||||
var blockedStats = requestStats.blocked;
|
|
||||||
var allowedStats = requestStats.allowed;
|
|
||||||
|
|
||||||
renderLocalized('statsPageCookieHeadersFoiled', { count: renderNumber(r.cookieHeaderFoiledCounter) });
|
|
||||||
renderLocalized('statsPageRefererHeadersFoiled', { count: renderNumber(r.refererHeaderFoiledCounter) });
|
|
||||||
renderLocalized('statsPageHyperlinkAuditingFoiled', { count: renderNumber(r.hyperlinkAuditingFoiledCounter) });
|
|
||||||
renderLocalized('statsPageCookiesRemoved', { count: renderNumber(r.cookieRemovedCounter) });
|
|
||||||
renderLocalized('statsPageLocalStoragesCleared', { count: renderNumber(r.localStorageRemovedCounter) });
|
|
||||||
renderLocalized('statsPageBrowserCacheCleared', { count: renderNumber(r.browserCacheClearedCounter) });
|
|
||||||
|
|
||||||
renderNumbers({
|
|
||||||
'#blockedAllCount': requestStats.blocked.all,
|
|
||||||
'#blockedMainFrameCount': blockedStats.doc,
|
|
||||||
'#blockedCookieCount': blockedStats.cookie,
|
|
||||||
'#blockedStylesheetCount': blockedStats.css,
|
|
||||||
'#blockedImageCount': blockedStats.image,
|
|
||||||
'#blockedObjectCount': blockedStats.plugin,
|
|
||||||
'#blockedScriptCount': blockedStats.script,
|
|
||||||
'#blockedXHRCount': blockedStats.xhr,
|
|
||||||
'#blockedSubFrameCount': blockedStats.frame,
|
|
||||||
'#blockedOtherCount': blockedStats.other,
|
|
||||||
'#allowedAllCount': allowedStats.all,
|
|
||||||
'#allowedMainFrameCount': allowedStats.doc,
|
|
||||||
'#allowedCookieCount': allowedStats.cookie,
|
|
||||||
'#allowedStylesheetCount': allowedStats.css,
|
|
||||||
'#allowedImageCount': allowedStats.image,
|
|
||||||
'#allowedObjectCount': allowedStats.plugin,
|
|
||||||
'#allowedScriptCount': allowedStats.script,
|
|
||||||
'#allowedXHRCount': allowedStats.xhr,
|
|
||||||
'#allowedSubFrameCount': allowedStats.frame,
|
|
||||||
'#allowedOtherCount': allowedStats.other
|
|
||||||
});
|
|
||||||
|
|
||||||
// because some i18n messages may contain links
|
|
||||||
uDom('a').attr('target', '_blank');
|
|
||||||
};
|
|
||||||
|
|
||||||
messager.send({
|
|
||||||
what: 'getStats',
|
|
||||||
tabId: targetTabId
|
|
||||||
},
|
|
||||||
onResponseReceived
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
function renderRequestRow(row, request) {
|
|
||||||
row.attr('id', '');
|
|
||||||
row.css('display', '');
|
|
||||||
row.removeClass();
|
|
||||||
if ( request.block !== false ) {
|
|
||||||
row.addClass('blocked-true');
|
|
||||||
} else {
|
|
||||||
row.addClass('blocked-false');
|
|
||||||
}
|
|
||||||
row.addClass('type-' + request.type);
|
|
||||||
var cells = row.descendants('td');
|
|
||||||
|
|
||||||
// when
|
|
||||||
var when = new Date(request.when);
|
|
||||||
cells.at(0).text(when.toLocaleTimeString());
|
|
||||||
|
|
||||||
// request type
|
|
||||||
cells.at(1).text(request.type);
|
|
||||||
|
|
||||||
// Well I got back full control since not using Tempo.js, I can now
|
|
||||||
// generate smarter hyperlinks, that is, not hyperlinking fake
|
|
||||||
// request URLs, which are recognizable with their curly braces inside.
|
|
||||||
var a = cells.at(2).descendants('a');
|
|
||||||
if ( request.url.search('{') < 0 ) {
|
|
||||||
a.attr('href', request.url);
|
|
||||||
a.css('display', '');
|
|
||||||
} else {
|
|
||||||
a.css('display', 'none');
|
|
||||||
}
|
|
||||||
|
|
||||||
// request URL
|
|
||||||
cells.at(3).text(request.url);
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
var renderRequests = function(requests) {
|
|
||||||
var table = uDom('#requestsTable');
|
|
||||||
var i, row;
|
|
||||||
var rowTemplate = table.descendants('#requestRowTemplate').first();
|
|
||||||
|
|
||||||
// Reuse whatever rows is already in there.
|
|
||||||
var rows = table.descendants('tr:not(.ro)');
|
|
||||||
var n = Math.min(requests.length, rows.length);
|
|
||||||
for ( i = 0; i < n; i++ ) {
|
|
||||||
renderRequestRow(rows.at(i), requests[i]);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Unhide reused rows
|
|
||||||
rows.subset(0, n).removeClass('unused');
|
|
||||||
|
|
||||||
// Hide extra rows
|
|
||||||
rows.subset(n).addClass('unused');
|
|
||||||
|
|
||||||
// Create new rows to receive what is left
|
|
||||||
n = requests.length;
|
|
||||||
for ( ; i < n; i++ ) {
|
|
||||||
row = rowTemplate.clone();
|
|
||||||
renderRequestRow(row, requests[i]);
|
|
||||||
row.insertBefore(rowTemplate);
|
|
||||||
}
|
|
||||||
|
|
||||||
syncWithFilters();
|
|
||||||
};
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
var updateRequests = function() {
|
|
||||||
updateRequestData(renderRequests);
|
|
||||||
};
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
var clearRequests = function() {
|
|
||||||
clearRequestData();
|
|
||||||
renderRequests([]);
|
|
||||||
};
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
function changeUserSettings(name, value) {
|
|
||||||
cachedUserSettings[name] = value;
|
|
||||||
messager.send({
|
|
||||||
what: 'userSettings',
|
|
||||||
name: name,
|
|
||||||
value: value
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
function changeValueHandler(elem, setting, min, max) {
|
|
||||||
var oldVal = cachedUserSettings[setting];
|
|
||||||
var newVal = Math.round(parseFloat(elem.val()));
|
|
||||||
if ( typeof newVal !== 'number' ) {
|
|
||||||
newVal = oldVal;
|
|
||||||
} else {
|
|
||||||
newVal = Math.max(newVal, min);
|
|
||||||
newVal = Math.min(newVal, max);
|
|
||||||
}
|
|
||||||
elem.val(newVal);
|
|
||||||
if ( newVal !== oldVal ) {
|
|
||||||
changeUserSettings(setting, newVal);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
function changeFilterHandler() {
|
|
||||||
// Save new state of filters in user settings
|
|
||||||
// Initialize request filters as per user settings:
|
|
||||||
// https://github.com/gorhill/httpswitchboard/issues/49
|
|
||||||
var statsFilters = cachedUserSettings.statsFilters;
|
|
||||||
uDom('input[id^="show-"][type="checkbox"]').forEach(function(input) {
|
|
||||||
statsFilters[input.attr('id')] = !!input.prop('checked');
|
|
||||||
});
|
|
||||||
changeUserSettings('statsFilters', statsFilters);
|
|
||||||
|
|
||||||
syncWithFilters();
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
// Synchronize list of net requests with filter states
|
|
||||||
|
|
||||||
function syncWithFilters() {
|
|
||||||
var blocked = ['blocked','allowed'];
|
|
||||||
var type = ['doc','cookie','css','image','plugin','script','xhr','frame','other'];
|
|
||||||
var i = blocked.length;
|
|
||||||
var j;
|
|
||||||
var display, selector;
|
|
||||||
while ( i-- ) {
|
|
||||||
j = type.length;
|
|
||||||
while ( j-- ) {
|
|
||||||
display = uDom('#show-' + blocked[i]).prop('checked') &&
|
|
||||||
uDom('#show-' + type[j]).prop('checked') ? '' : 'none';
|
|
||||||
selector = '.blocked-' + (blocked[i] === 'blocked') + '.type-' + type[j];
|
|
||||||
uDom(selector).css('display', display);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
var renderTransientTimer;
|
|
||||||
|
|
||||||
function renderTransientData(internal) {
|
|
||||||
// This is in case this function is not called from timeout event
|
|
||||||
if ( internal && renderTransientTimer ) {
|
|
||||||
clearTimeout(renderTransientTimer);
|
|
||||||
}
|
|
||||||
renderPageUrls();
|
|
||||||
renderStats();
|
|
||||||
renderTransientTimer = setTimeout(renderTransientData, 10000); // every 10s
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
function targetTabIdChangeHandler() {
|
|
||||||
targetTabId = this[this.selectedIndex].value;
|
|
||||||
renderStats();
|
|
||||||
updateRequests();
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
function prepareToDie() {
|
|
||||||
changeValueHandler(uDom('#max-logged-requests'), 'maxLoggedRequests', 0, 999);
|
|
||||||
}
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
var installEventHandlers = function() {
|
|
||||||
uDom('#refreshRequests').on('click', updateRequests);
|
|
||||||
uDom('#clearRequests').on('click', clearRequests);
|
|
||||||
uDom('input[id^="show-"][type="checkbox"]').on('change', changeFilterHandler);
|
|
||||||
uDom('#selectPageUrls').on('change', targetTabIdChangeHandler);
|
|
||||||
uDom('#max-logged-requests').on('change', function(){ changeValueHandler(uDom(this), 'maxLoggedRequests', 0, 999); });
|
|
||||||
|
|
||||||
// https://github.com/gorhill/httpswitchboard/issues/197
|
|
||||||
window.addEventListener('beforeunload', prepareToDie);
|
|
||||||
};
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
uDom.onLoad(function(){
|
|
||||||
// Initialize request filters as per user settings:
|
|
||||||
// https://github.com/gorhill/httpswitchboard/issues/49
|
|
||||||
var onResponseReceived = function(userSettings) {
|
|
||||||
// cache a copy
|
|
||||||
cachedUserSettings = userSettings;
|
|
||||||
// init ui as per user settings
|
|
||||||
uDom('#max-logged-requests').val(userSettings.maxLoggedRequests);
|
|
||||||
var statsFilters = userSettings.statsFilters;
|
|
||||||
uDom('input[id^="show-"][type="checkbox"]').forEach(function(input) {
|
|
||||||
var filter = statsFilters[input.attr('id')];
|
|
||||||
input.prop('checked', filter === undefined || filter === true);
|
|
||||||
});
|
|
||||||
|
|
||||||
installEventHandlers();
|
|
||||||
};
|
|
||||||
messager.send({ what: 'getUserSettings' }, onResponseReceived);
|
|
||||||
|
|
||||||
renderTransientData(true);
|
|
||||||
updateRequests();
|
|
||||||
});
|
|
||||||
|
|
||||||
/******************************************************************************/
|
|
||||||
|
|
||||||
})();
|
|
||||||
Loading…
Reference in New Issue