Highlights a link in a Google/GoogleScholar/Amazon/Youtube search if it is already open in another tab

Latest Version

Version
1.1.0
Update
July 14, 2014
Size
40.42KiB
Developer
Category
Users
212
Rating
3.33333 ★
Manifest Version
2
Web Store Status
Languages Support
English (United States)
See more
Permissions
Tabs
Storage
See more

Tab-Link Highlighter Extension

TLH allows for a more enjoyable browsing experience, notifying you by highlighting links if that link is already open in another tab. TLH creates a more productive environment, allowing you to not open the same page multiple times (unless you really want to).

FEATURES:

-Highlights links to tabs already open in the following search pages:
Google, Google Scholar, Amazon, and Youtube

-Options page to change highlight color, whether to change the link color, and debugging.


BUGS:

-Does not handle redirects very well. This can be seen when a link is clicked, highlighted, and then unhighlighted. Not sure how to handle or fix this at this time.

If you find a bug related not related to any listed above, please let me know by leaving user feedback.


PERMISSIONS:

-Accessing data on scholar.google.com and www.google.com are used to view and compare the search result links on a Google, Google Scholar, or Amazon search. This is also used to highlight the matched links.

-Accessing your tabs and browsing activity is only used to view the urls of your tabs that are open currently for comparison.


HOW IT WORKS:

This extension only runs when you are doing a google search or a google scholar search. After it starts, it first reads the urls of all currently open tabs, and trims off anything after a '#'. Then it reads all of the search results urls, trimming accordingly. If any of these are exactly the same, it highlights thats result. This runs constantly every half a second, making it dynamic, so if you control-click a link to open it in a new tab, it will highlight that link if it ends up matching the rules.


IMPORTANT NOTES:

After installing, restart your browser for best results. (A simple refresh of the search page should work too.)


VERSION CHANGES:

1.1.0
Removed the class r option of h3 tags and added it so it looked for div > h3 > a tags. This is compatible with with all the searches now available. Added compatibility with Amazon and Youtube Searches. Removed getting rid of everything after a ? mark was removed due to that being a feature in most sites as a search. This also allowed for Youtube to be added to the list of compatibility. Basically any site that has a search items in the div > h3 > a form will more than likely be compatible. Looking into allowing for enabling and disabling certain sites by the user.

1.0.2
Added debug option to turn on/off console logging. Added style to options page. Made to where only h3 tags with a class of r are selected, and then the a tag below that for comparison.


1.0.1
Added Google Scholar compatability. Changed to remove anything after a '?' found in URLs.

1.0
Initial Release


TODO:

-allow users the option to decide which sites can/cannot work with this extension
-allow users to decide which tags get highlighted
-previous idea could evolve into allowing users to select which tags for specific sites, allowing for new sites to be added also by user
-create new icon and promo screen shots (has yet to be done right)
-Perhaps change the algorithm so that it looks for a change or update in the DOM so it isn't running every half a second.
-Change so that it is only scanning the page on an active tab (and only if the tab's base url is part of the approved list)
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx","manifest_version": 2,"name": "Tab-Link Highlighter","short_name": "TLH","description": "Highlights a link in a Google/GoogleScholar/Amazon/Youtube search if it is already open in another tab","version": "1.1.0","author": "Devin Wright","icons": {"48": "icon48.png", "128": "icon128.png"},"options_page": "options.html","content_scripts":[{"matches": [ "http://www.google.com/*", "https://www.google.com/*", "http://scholar.google.com/*", "https://scholar.google.com/*", "http://www.amazon.com/*", "https://www.amazon.com/*", "http://www.youtube.com/*", "https://www.youtube.com/*"],"js": [ "content.js" ],"run_at": "document_end"}],"background": {"persistent": false,"scripts": ["background.js"]},"permissions":[ "tabs", "storage" ]}
Read more

How to download and manually install Tab-Link Highlighter extension for Chrome

Looking for a way to install Tab-Link Highlighter extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Tab-Link Highlighter extensions manually, this article outlines two simple methods to effortlessly install Tab-Link Highlighter extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Tab-Link Highlighter extension and manually install through Drag &Drop

If you ever need to manually install a Tab-Link Highlighter extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Tab-Link Highlighter Extension by clicking the "Download CRX" button on the website.

Look for the Tab-Link Highlighter extension you wish to install. Go to the website and download the Tab-Link Highlighter extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Tab-Link Highlighter extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Tab-Link Highlighter extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Tab-Link Highlighter extension for Chrome and install in Developer Mode

This is another method to install Tab-Link Highlighter extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Tab-Link Highlighter extension file

Select and download the Tab-Link Highlighter extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Tab-Link Highlighter extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Tab-Link Highlighter extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Tab-Link Highlighter extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Tab-Link Highlighter extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Color Links Extension · Accessibility 212 145 ★ 175KiB

icon

Vaux Tab Extension · Productivity 212 21 ★ 225KiB

icon

Link Control Extension · Productivity 212 71 ★ 441KiB

icon

Google Result Highlighter Extension · Productivity 212 3 ★ 1.07MiB

icon

PeepTube Extension · Accessibility 212 25 ★ 107KiB

icon

Link Text Color Extension · Accessibility 212 33 ★ 20.25KiB

icon

Scroll Preview Extension · Productivity 212 27 ★ 68.71KiB

icon

Link With Context Extension · Productivity 212 8 ★ 9.59KiB

icon

Lazy Linker Extension · Productivity 212 7 ★ 54.37KiB

icon

Highlight google search result text Extension · Productivity 212 2 ★ 12.97KiB

icon

Previous and Next page keyboard navigation Extension · Accessibility 212 26 ★ 44.05KiB

icon

Visited Extension · Productivity 212 84 ★ 23.08KiB

icon

Visited Links Marker Extension · Accessibility 212 13 ★ 696KiB

icon

Unstyled Extension · Accessibility 212 3 ★ 67.53KiB

icon

Mark Selected Links As Visited Extension · Productivity 212 13 ★ 18.58KiB

icon

Close This Tab Extension · Productivity 212 67 ★ 237KiB

icon

Tab Extract Extension · Productivity 212 86 ★ 26.4KiB

icon

Google Enhancer Extension · Productivity 212 15 ★ 75.08KiB

icon

Quickview for YouTube Extension · Fun 212 33 ★ 78.74KiB

icon

Tab Sorter 2 Extension · Productivity 212 32 ★ 322KiB

icon

Search Enhancer for Google™ Extension · Productivity 212 47 ★ 2.74MiB

icon

Video Favorites Extension · Productivity 212 15 ★ 604KiB

icon

TabFern tab manager and backup tool Extension · Productivity 212 39 ★ 1.69MiB

icon

Super Focus Tabs Extension · Productivity 212 37 ★ 388KiB

User reviews

icon

Fatih Yeşilyurt (ID: 000000d95a6c8743) Voted 1 ★ - Updated 01/14/2021 çalışmıyor malesef pirilancer.com yazdım lakin çalıştıramadım

icon

ˑ (ID: 000000b9da6edc81) Voted 2 ★ - Updated 01/14/2021 Не работает.(

icon

Alonna Wright (ID: 0000006b24722d17) Voted 5 ★ - Updated 02/21/2019 The best extension I've ever used. Thoroughly impressed!

icon

SOLVEALLPROBLEMS (ID: 000000a524a95e04) Voted 1 ★ - Updated 12/06/2018 much better extensions out there

icon

Krzysztof Krawczyk (ID: 00000085fbb816a7) Voted 5 ★ - Updated 12/10/2016 Amazing, I finally know which URLs are already opened, so goodbye to duplicates! Very useful extension :)