Firefox Browser Tab Activity Tracker Add-on

The following extension tracks browser tab activity - away/back. The time you leave a browser tab (change the active browser tab) and the time you returned are stored. The total time spent on the tab (page) and the time spent away are displayed to check efficiency. The data will be reset as soon as the page is refreshed.

Create a folder named tab_change and add the following manifest.json and tab_change.js files to this folder.

	{
	"manifest_version": 2,
	"name": "Tab Activity",
	"version": "1.0",
	"description": "Tracks Browser Tab Activity - Away/Back.",
	"content_scripts": [
	{
	"matches": ["*://*/*"],
	"js": ["tab_change.js"]
	}
	]
	}

view raw manifest.json hosted with ❤ by GitHub

	var hidden, visibilityChange;
	var away_d = [new Date()];
	var back_d = [new Date()];
	var tab_div = document.createElement('div');
	tab_div.id = "tab_activity_tracker";
	document.body.appendChild(tab_div);
	if (typeof document.hidden !== "undefined") {
	hidden = "hidden";
	visibilityChange = "visibilitychange";
	}
	else if (typeof document.msHidden !== "undefined") {
	hidden = "msHidden";
	visibilityChange = "msvisibilitychange";
	}
	else if (typeof document.webkitHidden !== "undefined") {
	hidden = "webkitHidden";
	visibilityChange = "webkitvisibilitychange";
	}
	function formatDate(dateObject){
	return dateObject.toString().split("GMT")[0];
	}
	function getHeaderElement(textContent){
	var header = document.createElement('h3');
	header.textContent = textContent;
	return header;
	}
	function handleVisibilityChange() {
	var tab_div_t = document.getElementById("tab_activity_tracker");
	tab_div_t.textContent = "";
	tab_div_t.appendChild(getHeaderElement("Start Time: " + formatDate(back_d[0])));
	var total_away = 0;
	var total_spent = 0;
	if (document[hidden]) {
	away_d.push(new Date());
	}
	else {
	back_d.push(new Date());
	}
	var i;
	for(i = 1; i < away_d.length; ++i){
	tab_div_t.appendChild(getHeaderElement("Away: (" + i + ") " + formatDate(away_d[i])));
	tab_div_t.appendChild(getHeaderElement("Back: (" + i + ") " + formatDate(back_d[i]) + ", " + (back_d[i].getTime()-away_d[i].getTime())/1000 + " Seconds"));
	total_away += (back_d[i].getTime()-away_d[i].getTime())/1000;
	if(i > 0){
	total_spent += (away_d[i].getTime()-back_d[i-1].getTime())/1000;
	}
	}
	tab_div_t.appendChild(getHeaderElement("Total Time Spent: " + total_spent + " Seconds"));
	tab_div_t.appendChild(getHeaderElement("Total Time Away: " + total_away + " Seconds"));
	document.body.appendChild(tab_div_t);
	}
	document.addEventListener(visibilityChange, handleVisibilityChange, false);

view raw tab_change.js hosted with ❤ by GitHub

Go to about:debugging in Firefox and click Load Temporary Add-on and load the manifest.json file. Then visit the webpages as you normally do. The times/durations of tab changes you make will be appended to the end of the page along with the total time spent on the particular page.

Firefox Yahoo Finance Data Add-on

The following extension adds data to the Yahoo Finance Quote Page - percentage changes for Day's and 52 Week Highs and Lows will be added. The percentage changes are of that of the current price compared to the above mentioned Lows and Highs. The page needs to be refreshed to update the data.

Create a folder named yahoo_finance_data and add the following manifest.json and yahoo_finance_data.js files to this folder.

	{
	"manifest_version": 2,
	"name": "Yahoo Finance Data",
	"version": "1.0",
	"description": "Adds additional data to Yahoo Finance quote page - Percentage Changes from Day's and 52 Week's Lows and Highs.",
	"content_scripts": [
	{
	"matches": ["*://finance.yahoo.com/quote/*"],
	"js": ["yahoo_finance_data.js"]
	}
	]
	}

view raw manifest.json hosted with ❤ by GitHub

	try{
	doc_price = document.querySelectorAll("[data-reactid='35']")[1].innerHTML.replace(",", "");
	doc_day = document.querySelectorAll("[data-test='DAYS_RANGE-value']")[0].innerHTML.split("-");
	doc_52wk = document.querySelectorAll("[data-test='FIFTY_TWO_WK_RANGE-value']")[0].innerHTML.split("-");
	var pdayl = Math.round(100 * 100 * (parseFloat(doc_price) - parseFloat(doc_day[0].replace(",", "")))/parseFloat(doc_price))/100;
	var pdayh = Math.round(100 * 100 * (parseFloat(doc_price) - parseFloat(doc_day[1].replace(",", "")))/parseFloat(doc_price))/100;
	var p52wkl = Math.round(100 * 100 * (parseFloat(doc_price) - parseFloat(doc_52wk[0].replace(",", "")))/parseFloat(doc_price))/100;
	var p52wkh = Math.round(100 * 100 * (parseFloat(doc_price) - parseFloat(doc_52wk[1].replace(",", "")))/parseFloat(doc_price))/100;
	doc_day = document.querySelectorAll("[data-test='DAYS_RANGE-value']")[0];
	doc_52wk = document.querySelectorAll("[data-test='FIFTY_TWO_WK_RANGE-value']")[0];
	var textnode1 = document.createTextNode(" : " + p52wkl + "%, " + p52wkh + "%");
	doc_52wk.appendChild(textnode1);
	var textnode2 = document.createTextNode(" : " + pdayl + "%, " + pdayh + "%");
	doc_day.appendChild(textnode2);
	}
	catch(err){
	}

view raw yahoo_finance_data.js hosted with ❤ by GitHub

Go to about:debugging in Firefox and click Load Temporary Add-on and load the manifest.json file. Then visit Yahoo Finance Quote for a Symbol and the additional data will be displayed as shown below.

Firefox Instagram HashTag Search Add-on

The following extension adds a menu item to the right-click menu that enable you to search for the selected text. The words in the selected text is checked against a list of stop words. Subsequently, a configurable maximum number of limit words are chosen for Instagram hashtag search.

Create a folder named search_instagram and add the following manifest.json and search_instagram.js files to this folder.

	{
	"manifest_version": 2,
	"name": "Search Instagram",
	"version": "1.0",
	"description": "Searches Instagram hashtag for the Selected Text.",
	"permissions": ["contextMenus", "activeTab"],
	"background": {
	"scripts": ["search_instagram.js"]
	}
	}

view raw manifest.json hosted with ❤ by GitHub

	browser.contextMenus.create({
	id: "search-instagram",
	title: "Search Instagram",
	contexts: ["selection"]
	});
	browser.contextMenus.onClicked.addListener(function(info, tab) {
	if(info.menuItemId == "search-instagram"){
	var stop_words = ["a", "about", "above", "after", "again", "against", "all", "am", "an", "and", "any", "are", "as", "at", "be", "because", "been", "before", "being", "below", "between", "both", "but", "by", "could", "did", "do", "does", "doing", "down", "during", "each", "few", "for", "from", "further", "had", "has", "have", "having", "he", "he’d", "he’ll", "he’s", "her", "here", "here’s", "hers", "herself", "him", "himself", "his", "how", "how’s", "d", "ll", "m", "ve", "if", "in", "into", "is", "it", "it’s", "its", "itself", "let’s", "me", "more", "most", "my", "myself", "nor", "of", "on", "once", "only", "or", "other", "ought", "our", "ours", "ourselves", "out", "over", "own", "same", "she", "she’d", "she’ll", "she’s", "should", "so", "some", "such", "than", "that", "that’s", "the", "their", "theirs", "them", "themselves", "then", "there", "there’s", "these", "they", "they’d", "they’ll", "they’re", "they’ve", "this", "those", "through", "to", "too", "under", "until", "up", "very", "was", "we", "we’d", "we’ll", "we’re", "we’ve", "were", "what", "what’s", "when", "when’s", "where", "where’s", "which", "while", "who", "who’s", "whom", "why", "why’s", "with", "would", "you", "you’d", "you’ll", "you’re", "you’ve", "your", "yours", "yourself", "yourselves"];
	var limit = 5;
	var i;
	var j = 0;
	var letters = /^[A-Za-z]+$/;
	var tags = info.selectionText.split(" ");
	for(i = 0; i < tags.length; ++i){
	var tag = tags[i].toLowerCase();
	tag = tag.replace(",", "");
	tag = tag.replace("(", "");
	tag = tag.replace(")", "");
	tag = tag.replace(".", "");
	tag = tag.replace("!", "");
	tag = tag.replace(":", "");
	tag = tag.replace(";", "");
	if(stop_words.includes(tag)){
	continue;
	}
	tag = tag.replace("'", "");
	if(!tag.match(letters)){
	continue;
	}
	if(j > limit){
	break;
	}
	var searchInstagram = "https://www.instagram.com/explore/tags/" + tag + "/?hl=en";
	browser.tabs.create({url: searchInstagram});
	++j;
	}
	}
	});

view raw search_instagram.js hosted with ❤ by GitHub

Go to about:debugging in Firefox and click Load Temporary Add-on and load the manifest.json file. Then right-click on the selected text on a webpage to do a hashtag search on Instagram.

MacOS Command Line Audio File Player (afplay)

The command afplay in MacOS lets you play audio files in command line. Simply passing the file name to the command plays the entire audio file:

afplay song.mp3

You can check the available command line options to the command by looking at the man page (man afplay) or by entering the command only without any parameters (afplay). It is possible to change the volume, play duration, quality, etc.

Suppose you want to play an audio file with specified interval, say 10 seconds:

while true; do afplay song.mp3; sleep 10; done

Suppose you want to play an audio file at Random intervals:

while true; do afplay song.mp3; sleep $RANDOM; done

Here, $RANDOM is a uniform random number generator in the range 0 to  32767.

Firefox Advanced Youtube Search Add-on - Sort Criteria

The following extension adds a menu item to the right-click menu that enables you to search for the selected text with specified sort criteria - Relevance, Upload Date, View Count, Rating.

Create a folder named search_youtube_sort and add the following manifest.json and search_youtube_sort.js files to this folder.

	browser.contextMenus.create({
	id: "search-youtube-relevance",
	title: "Relevance",
	contexts: ["selection"]
	});
	browser.contextMenus.create({
	id: "search-youtube-upload-date",
	title: "Upload Date",
	contexts: ["selection"]
	});
	browser.contextMenus.create({
	id: "search-youtube-view-count",
	title: "View Count",
	contexts: ["selection"]
	});
	browser.contextMenus.create({
	id: "search-youtube-rating",
	title: "Rating",
	contexts: ["selection"]
	});
	browser.contextMenus.onClicked.addListener(function(info, tab) {
	if(info.menuItemId == "search-youtube-relevance"){
	var searchYoutube = "https://www.youtube.com/results?search_query=" + info.selectionText;
	browser.tabs.create({url: searchYoutube});
	}
	else if(info.menuItemId == "search-youtube-upload-date"){
	var searchYoutube = "https://www.youtube.com/results?sp=CAI%253D&search_query=" + info.selectionText;
	browser.tabs.create({url: searchYoutube});
	}
	else if(info.menuItemId == "search-youtube-view-count"){
	var searchYoutube = "https://www.youtube.com/results?sp=CAMSAhAB&search_query=" + info.selectionText;
	browser.tabs.create({url: searchYoutube});
	}
	else if(info.menuItemId == "search-youtube-rating"){
	var searchYoutube = "https://www.youtube.com/results?sp=CAESAhAB&search_query=" + info.selectionText;
	browser.tabs.create({url: searchYoutube});
	}
	});

view raw search_youtube_sort.js hosted with ❤ by GitHub

	{
	"manifest_version": 2,
	"name": "Search Youtube",
	"version": "1.0",
	"description": "Searches Youtube for the Selected Text with Specified Sort Criteria.",
	"permissions": ["contextMenus", "activeTab"],
	"background": {
	"scripts": ["search_youtube_sort.js"]
	}
	}

view raw manifest.json hosted with ❤ by GitHub

Go to about:debugging in Firefox and click Load Temporary Add-on and load the manifest.json file. Then right-click on the selected text on a webpage and choose the sort criteria to search in Youtube.

Firefox Youtube Search Add-on

The following extension adds a menu item to the right-click menu that enabled you to search for the selected text.

Create a folder named search_youtube and add the following manifest.json and search_youtube.js files to this folder.

	{
	"manifest_version": 2,
	"name": "Search Youtube",
	"version": "1.0",
	"description": "Searches Youtube for the Selected Text.",
	"permissions": ["contextMenus", "activeTab"],
	"background": {
	"scripts": ["search_youtube.js"]
	}
	}

view raw manifest.json hosted with ❤ by GitHub

	browser.contextMenus.create({
	id: "search-youtube",
	title: "Search Youtube",
	contexts: ["selection"]
	});
	browser.contextMenus.onClicked.addListener(function(info, tab) {
	if(info.menuItemId == "search-youtube"){
	var searchYoutube = "https://www.youtube.com/results?search_query=" + info.selectionText;
	browser.tabs.create({url: searchYoutube});
	}
	});

view raw search_youtube.js hosted with ❤ by GitHub

Go to about:debugging in Firefox and click Load Temporary Add-on and load the manifest.json file. Then right-click on the selected text on a webpage to search in Youtube.

Amazon to eBay Firefox Automatic Link Generator Add-on/Extension

The following extension adds a link to the eBay search page on the Amazon product page for the product being viewed for comparison. Clicking on the link opens a new tab with eBay search results for the Amazon product. 

Create a folder named amazon_ebay and add the following manifest.json and amazon_ebay.js files to this folder.

	{
	"manifest_version": 2,
	"name": "Amazon To Ebay",
	"version": "1.0",
	"description": "Adds a link to eBay search results from the Amazon product page for price comparison.",
	"content_scripts": [
	{
	"matches": ["*://*.amazon.com/*"],
	"js": ["amazon_ebay.js"]
	}
	]
	}

view raw manifest.json hosted with ❤ by GitHub

	doc = document.getElementById("productTitle");
	try{
	var ebay = "https://www.ebay.com/sch/i.html?_from=R40&_sacat=0&_nkw=" + doc.innerHTML;
	var node = document.createElement("a");
	node.href = ebay;
	node.target = "_blank";
	var textnode = document.createTextNode("eBay");
	node.appendChild(textnode);
	var pnode = document.createElement("p");
	doc.appendChild(pnode);
	doc.appendChild(node);
	var pnode = document.createElement("p");
	doc.appendChild(pnode);
	}
	catch(err){
	}

view raw amazon_ebay.js hosted with ❤ by GitHub

Go to about:debugging in Firefox and click Load Temporary Add-on and load the manifest.json file.

Then visit a product page on Amazon (amazon.com) and there will be a link 'eBay', just below the product title, pointing to the corresponding search results in eBay (ebay.com). By making appropriate changes to the manifest.json and amazon_ebay.js files you can get this extension to work on Amazon/eBay of different countries.