Social media like, post, and comment buttons on other websites can track you — even if you don’t use them. Logging in to sites using your Facebook or Twitter account is another way they can track what you do on those sites. We remove these trackers so Facebook and Twitter see less of what you do online.
-
+
Cross-Site Tracking Cookies
Cross-site tracking cookies follow you from site to site to collect data about your browsing habits. Advertisers and analytics companies gather this data to create a profile of your interests across many sites. Blocking them reduces the number of personalized ads that follow you around.
diff --git a/browser/components/protections/content/protections.js b/browser/components/protections/content/protections.js
index 09038df5fc32..73f98ccc1e08 100644
--- a/browser/components/protections/content/protections.js
+++ b/browser/components/protections/content/protections.js
@@ -5,65 +5,59 @@
/* eslint-env mozilla/frame-script */
document.addEventListener("DOMContentLoaded", (e) => {
- let todayInMs = Date.now();
- let weekAgoInMs = todayInMs - (7 * 24 * 60 * 60 * 1000);
- RPMSendAsyncMessage("FetchContentBlockingEvents", {from: weekAgoInMs, to: todayInMs});
-
- let dataTypes = ["cryptominer", "fingerprinter", "tracker", "cookie", "social"];
+ let dataTypes = ["cryptominer", "fingerprinter", "tracker", "crossSite", "social"];
let weekdays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+ let today = new Date().getDay();
let protectionDetails = document.getElementById("protection-details");
protectionDetails.addEventListener("click", () => {
- RPMSendAsyncMessage("OpenContentBlockingPreferences");
+ RPMSendAsyncMessage("openContentBlockingPreferences");
});
- let createGraph = (data) => {
- // Set a default top size for the height of the graph bars so that small
- // numbers don't fill the whole graph.
- let largest = 100;
- if (largest < data.largest) {
- largest = data.largest;
+ let data = [
+ {total: 41, cryptominer: 1, fingerprinter: 10, tracker: 15, crossSite: 12, social: 3},
+ {total: 246, cryptominer: 5, fingerprinter: 8, tracker: 110, crossSite: 103, social: 20},
+ {total: 59, cryptominer: 0, fingerprinter: 1, tracker: 25, crossSite: 25, social: 8},
+ {total: 177, cryptominer: 0, fingerprinter: 4, tracker: 24, crossSite: 136, social: 13},
+ {total: 16, cryptominer: 1, fingerprinter: 3, tracker: 0, crossSite: 7, social: 5},
+ {total: 232, cryptominer: 0, fingerprinter: 30, tracker: 84, crossSite: 86, social: 32},
+ {total: 153, cryptominer: 0, fingerprinter: 10, tracker: 35, crossSite: 95, social: 13},
+ ];
+
+ // Use this to populate the graph with real data in the future.
+ let createGraph = () => {
+ let largest = 10;
+ for (let day of data) {
+ if (largest < day.total) {
+ largest = day.total;
+ }
}
let graph = document.getElementById("graph");
- for (let i = weekdays.length - 1; i >= 0; i--) {
- // Start 7 days ago and count down to today.
- let date = new Date();
- date.setDate(date.getDate() - i);
- let dateString = date.toISOString().split("T")[0];
+ for (let i = 0; i < weekdays.length; i++) {
let bar = document.createElement("div");
bar.className = "graph-bar";
- if (data[dateString]) {
- let content = data[dateString];
- let barHeight = (content.total / largest) * 100;
- bar.style.height = `${barHeight}%`;
- for (let type of dataTypes) {
- if (content[type]) {
- let dataHeight = (content[type] / content.total) * 100;
- let div = document.createElement("div");
- div.className = `${type}-bar`;
- div.setAttribute("data-type", type);
- div.style.height = `${dataHeight}%`;
- bar.appendChild(div);
- }
- }
- } else {
- // There were no content blocking events on this day.
- bar.style.height = `0`;
+ let barHeight = (data[i].total / largest) * 100;
+ bar.style.height = `${barHeight}%`;
+ for (let type of dataTypes) {
+ let dataHeight = (data[i][type] / data[i].total) * 100;
+ let div = document.createElement("div");
+ div.className = `${type}-bar`;
+ div.setAttribute("data-type", type);
+ div.style.height = `${dataHeight}%`;
+ bar.appendChild(div);
}
graph.appendChild(bar);
let label = document.createElement("span");
label.className = "column-label";
if (i == 6) {
- label.textContent = "Today";
+ label.innerText = "Today";
} else {
- label.textContent = weekdays[(i + 1 + new Date().getDay()) % 7];
+ label.innerText = weekdays[(i + today) % 7];
}
- graph.prepend(label);
+ graph.appendChild(label);
}
-
- addListeners();
};
let addListeners = () => {
@@ -81,7 +75,7 @@ document.addEventListener("DOMContentLoaded", (e) => {
});
wrapper.addEventListener("click", (ev) => {
- if (ev.originalTarget.dataset.type) {
+ if (ev.originalTarget.dataset) {
document.getElementById(`tab-${ev.target.dataset.type}`).click();
}
});
@@ -94,8 +88,6 @@ document.addEventListener("DOMContentLoaded", (e) => {
});
}
};
-
- RPMAddMessageListener("SendContentBlockingRecords", (message) => {
- createGraph(message.data);
- });
+ createGraph();
+ addListeners();
});
diff --git a/browser/components/protections/moz.build b/browser/components/protections/moz.build
index 8677df18933f..f7c39a50c5d7 100644
--- a/browser/components/protections/moz.build
+++ b/browser/components/protections/moz.build
@@ -4,8 +4,6 @@
# License, v. 2.0. If a copy of the MPL was not distributed with this
# file, You can obtain one at http://mozilla.org/MPL/2.0/.
-BROWSER_CHROME_MANIFESTS += ['test/browser/browser.ini']
-
JAR_MANIFESTS += ['jar.mn']
with Files('**'):
diff --git a/browser/components/protections/test/browser/browser.ini b/browser/components/protections/test/browser/browser.ini
deleted file mode 100644
index 83d4516103e3..000000000000
--- a/browser/components/protections/test/browser/browser.ini
+++ /dev/null
@@ -1,5 +0,0 @@
-[DEFAULT]
-support-files =
- !/browser/base/content/test/trackingUI/trackingPage.html
-
-[browser_protections_ui.js]
diff --git a/browser/components/protections/test/browser/browser_protections_ui.js b/browser/components/protections/test/browser/browser_protections_ui.js
deleted file mode 100644
index 044c65ac18d6..000000000000
--- a/browser/components/protections/test/browser/browser_protections_ui.js
+++ /dev/null
@@ -1,113 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-// Note: This test may cause intermittents if run at exactly midnight.
-
-const {OS} = ChromeUtils.import("resource://gre/modules/osfile.jsm");
-const {Sqlite} = ChromeUtils.import("resource://gre/modules/Sqlite.jsm");
-XPCOMUtils.defineLazyServiceGetter(this, "TrackingDBService",
- "@mozilla.org/tracking-db-service;1",
- "nsITrackingDBService");
-
-XPCOMUtils.defineLazyGetter(this, "DB_PATH", function() {
- return OS.Path.join(OS.Constants.Path.profileDir, "protections.sqlite");
-});
-
-const SQL = {
- insertCustomTimeEvent:
- "INSERT INTO events (type, count, timestamp)" +
- "VALUES (:type, :count, date(:timestamp));",
-
- selectAll:
- "SELECT * FROM events",
-};
-
-add_task(async function setup() {
- await SpecialPowers.pushPrefEnv({set: [
- ["browser.contentblocking.database.enabled", true],
- ]});
-});
-
-add_task(async function test_graph_display() {
- // This creates the schema.
- await TrackingDBService.saveEvents(JSON.stringify({}));
- let db = await Sqlite.openConnection({ path: DB_PATH });
-
- let date = new Date().toISOString();
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.TRACKERS_ID, count: 1, timestamp: date});
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.CRYPTOMINERS_ID, count: 2, timestamp: date});
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.FINGERPRINTERS_ID, count: 3, timestamp: date});
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.TRACKING_COOKIES_ID, count: 4, timestamp: date});
-
- date = new Date(Date.now() - (1 * 24 * 60 * 60 * 1000)).toISOString();
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.TRACKERS_ID, count: 4, timestamp: date});
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.CRYPTOMINERS_ID, count: 3, timestamp: date});
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.FINGERPRINTERS_ID, count: 2, timestamp: date});
-
- date = new Date(Date.now() - (2 * 24 * 60 * 60 * 1000)).toISOString();
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.TRACKERS_ID, count: 4, timestamp: date});
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.CRYPTOMINERS_ID, count: 3, timestamp: date});
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.TRACKING_COOKIES_ID, count: 1, timestamp: date});
-
- date = new Date(Date.now() - (3 * 24 * 60 * 60 * 1000)).toISOString();
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.TRACKERS_ID, count: 3, timestamp: date});
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.FINGERPRINTERS_ID, count: 2, timestamp: date});
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.TRACKING_COOKIES_ID, count: 1, timestamp: date});
-
- date = new Date(Date.now() - (4 * 24 * 60 * 60 * 1000)).toISOString();
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.CRYPTOMINERS_ID, count: 2, timestamp: date});
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.FINGERPRINTERS_ID, count: 2, timestamp: date});
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.TRACKING_COOKIES_ID, count: 1, timestamp: date});
-
- date = new Date(Date.now() - (5 * 24 * 60 * 60 * 1000)).toISOString();
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.TRACKERS_ID, count: 3, timestamp: date});
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.CRYPTOMINERS_ID, count: 3, timestamp: date});
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.FINGERPRINTERS_ID, count: 2, timestamp: date});
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.TRACKING_COOKIES_ID, count: 8, timestamp: date});
-
- let tab = await BrowserTestUtils.openNewForegroundTab({url: "about:protections", gBrowser});
- await ContentTask.spawn(tab.linkedBrowser, {}, function() {
- const DATA_TYPES = ["cryptominer", "fingerprinter", "tracker", "cookie"];
- let allBars = content.document.querySelectorAll(".graph-bar");
- is(allBars.length, 7, "7 bars have been found on the graph");
-
- // today has each type
- // yesterday will have no tracking cookies
- // 2 days ago will have no fingerprinters
- // 3 days ago will have no cryptominers
- // 4 days ago will have no trackers
- // 5 days ago will have no social (when we add social), it is the tallest of the bars at 100%
- // 6 days ago will be empty
- is(allBars[6].childNodes.length, DATA_TYPES.length, "today has all of the data types shown");
- is(allBars[6].querySelector(".tracker-bar").style.height, "10%", "trackers take 10%");
- is(allBars[6].querySelector(".cryptominer-bar").style.height, "20%", "cryptominers take 20%");
- is(allBars[6].querySelector(".fingerprinter-bar").style.height, "30%", "fingerprinters take 30%");
- is(allBars[6].querySelector(".cookie-bar").style.height, "40%", "cross site tracking cookies take 40%");
-
- is(allBars[5].childNodes.length, DATA_TYPES.length - 1, "1 day ago is missing one type");
- ok(!allBars[5].querySelector(".cookie-bar"), "there is no cross site tracking cookie section 1 day ago.");
-
- is(allBars[4].childNodes.length, DATA_TYPES.length - 1, "2 days ago is missing one type");
- ok(!allBars[4].querySelector(".fingerprinter-bar"), "there is no fingerprinter section 1 day ago.");
-
- is(allBars[3].childNodes.length, DATA_TYPES.length - 1, "3 days ago is missing one type");
- ok(!allBars[3].querySelector(".cryptominer-bar"), "there is no cryptominer section 1 day ago.");
-
- is(allBars[2].childNodes.length, DATA_TYPES.length - 1, "4 days ago is missing one type");
- ok(!allBars[2].querySelector(".tracker-bar"), "there is no tracker section 1 day ago.");
-
- // TODO test for social missing
-
- is(allBars[0].childNodes.length, 0, "6 days ago has no content");
- is(allBars[0].style.height, "0px", "6 days ago has no height");
- });
-
- // Use the TrackingDBService API to delete the data.
- await TrackingDBService.clearAll();
- // Make sure the data was deleted.
- let rows = await db.execute(SQL.selectAll);
- is(rows.length, 0, "length is 0");
- await db.close();
- BrowserTestUtils.removeTab(tab);
-});
diff --git a/toolkit/components/antitracking/TrackingDBService.jsm b/toolkit/components/antitracking/TrackingDBService.jsm
index 8946428b3fb9..16fdbe75faca 100644
--- a/toolkit/components/antitracking/TrackingDBService.jsm
+++ b/toolkit/components/antitracking/TrackingDBService.jsm
@@ -49,10 +49,6 @@ const SQL = {
removeRecordsSince:
"DELETE FROM events WHERE timestamp >= date(:date);",
-
- selectByDateRange:
- "SELECT * FROM events " +
- "WHERE timestamp BETWEEN date(:dateFrom) AND date(:dateTo);",
};
/**
@@ -229,16 +225,8 @@ TrackingDBService.prototype = {
async clearSince(date) {
let db = await this.ensureDB();
- date = new Date(date).toISOString();
await removeRecordsSince(db, date);
},
-
- async getEventsByDateRange(dateFrom, dateTo) {
- let db = await this.ensureDB();
- dateFrom = new Date(dateFrom).toISOString();
- dateTo = new Date(dateTo).toISOString();
- return db.execute(SQL.selectByDateRange, {dateFrom, dateTo});
- },
};
var EXPORTED_SYMBOLS = ["TrackingDBService"];
diff --git a/toolkit/components/antitracking/nsITrackingDBService.idl b/toolkit/components/antitracking/nsITrackingDBService.idl
index ecd685f08ea3..d60dfb6cf8fe 100644
--- a/toolkit/components/antitracking/nsITrackingDBService.idl
+++ b/toolkit/components/antitracking/nsITrackingDBService.idl
@@ -38,13 +38,6 @@ interface nsITrackingDBService : nsISupports
*/
Promise clearSince(in int64_t since);
- /**
- * Fetch events from the content blocking database
- * @param dateFrom a unix timestamp.
- * @param dateTo a unix timestamp.
- */
- Promise getEventsByDateRange(in int64_t dateFrom, in int64_t dateTo);
-
const unsigned long OTHER_COOKIES_BLOCKED_ID = 0;
const unsigned long TRACKERS_ID = 1;
const unsigned long TRACKING_COOKIES_ID = 2;
diff --git a/toolkit/components/antitracking/test/xpcshell/test_tracking_db_service.js b/toolkit/components/antitracking/test/xpcshell/test_tracking_db_service.js
index 38206f812189..bb5c1f3b02f0 100644
--- a/toolkit/components/antitracking/test/xpcshell/test_tracking_db_service.js
+++ b/toolkit/components/antitracking/test/xpcshell/test_tracking_db_service.js
@@ -1,9 +1,3 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-// Note: This test may cause intermittents if run at exactly midnight.
-
"use strict";
const {XPCOMUtils} = ChromeUtils.import("resource://gre/modules/XPCOMUtils.jsm");
@@ -184,45 +178,3 @@ add_task(async function test_timestamp_aggragation() {
await db.close();
Services.prefs.clearUserPref("browser.contentblocking.database.enabled");
});
-
-// This tests that TrackingDBService.getEventsByDateRange can accept two timestamps in unix epoch time
-// and return entries that occur within the timestamps, rounded to the nearest day and inclusive.
-add_task(async function test_getEventsByDateRange() {
- Services.prefs.setBoolPref("browser.contentblocking.database.enabled", true);
- // This creates the schema.
- await TrackingDBService.saveEvents(JSON.stringify({}));
- let db = await Sqlite.openConnection({ path: DB_PATH });
-
- let d = new Date(1521009000000);
- let date = d.toISOString();
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.CRYPTOMINERS_ID, count: 3, timestamp: date});
-
- date = new Date(d - (2 * 24 * 60 * 60 * 1000)).toISOString();
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.TRACKERS_ID, count: 2, timestamp: date});
-
- date = new Date(d - (3 * 24 * 60 * 60 * 1000)).toISOString();
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.TRACKING_COOKIES_ID, count: 2, timestamp: date});
-
- date = new Date(d - (4 * 24 * 60 * 60 * 1000)).toISOString();
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.TRACKING_COOKIES_ID, count: 2, timestamp: date});
-
- date = new Date(d - (9 * 24 * 60 * 60 * 1000)).toISOString();
- await db.execute(SQL.insertCustomTimeEvent, {type: TrackingDBService.FINGERPRINTERS_ID, count: 2, timestamp: date});
-
- let daysBefore1 = new Date(d - (24 * 60 * 60 * 1000));
- let daysBefore4 = new Date(d - (4 * 24 * 60 * 60 * 1000));
- let daysBefore9 = new Date(d - (9 * 24 * 60 * 60 * 1000));
-
- let events = await TrackingDBService.getEventsByDateRange(daysBefore1, d);
- equal(events.length, 1, "There is 1 event entry between the date and one day before, inclusive");
-
- events = await TrackingDBService.getEventsByDateRange(daysBefore4, d);
- equal(events.length, 4, "There is 4 event entries between the date and four days before, inclusive");
-
- events = await TrackingDBService.getEventsByDateRange(daysBefore9, daysBefore4);
- equal(events.length, 2, "There is 2 event entries between nine and four days before, inclusive");
-
- await TrackingDBService.clearAll();
- await db.close();
- Services.prefs.clearUserPref("browser.contentblocking.database.enabled");
-});