Articles: New Chrome - Productivity, Change Visited Link Color to Red in Google By Patricbensen
Full Link : New Chrome - Productivity, Change Visited Link Color to Red in Google By Patricbensen
Artikel app store download, Artikel application form, Artikel best productivity apps, Artikel cellular, Artikel compare phones, Artikel gadget, Artikel gadgets, Artikel google, Artikel google account, Artikel google search, Artikel phone, Artikel productivity, Artikel productivity apps, Artikel smart,
New Chrome - Productivity, Change Visited Link Color to Red in Google By Patricbensen
Google chrome is always under upgrading and new versions keep coming. So far in current chrome version, it is not possible to use the custom.css file to set the color of visited links and hence some tricks are necessary to achieve this.
Using extensions which are freely available and content scripts one can set their links to change colors after visits. If you are using google search for your project work or have extensive site surfing interests, this feature will instantly help you know which links you have already visited and hence save a lot of your time.
Website makers, writers, content scrapers, technology/education related people and most of the professionals need constant surfing for collecting information and relevant sources. This tip is very helpful to all of them by avoiding revisits to same links again and again.
How to change visited links color in Google Chrome?
Method 1 - Using Extension
Install Stylist extension. Download & install here
Click SETTINGS in chrome
Click EXTENSIONS
Find the stylist extension and click OPTIONS
Click STYLES
Click ADD NEW STYLE
Copy & paste the following:
A:visited { color: red ! important }
Name the style
Click the ALL SITE check box
Click SAVE
Find a page with visited link, refresh, and you'll see changes. Further for modifications on a color, you can use this code rgb(255, 0, 0) in place of red.
Method 2 - Using Content Scripts
Using a Content Script (some programming knowledge needed)
Content scripts are nothing but the small JavaScript files that run within the web pages to enhance user experience. Some of the best examples of it include changing color or visited links, increasing fonts on pages and much more.
Their limitations include an inability to use chrome with APIs, extensions, runtime, storage i18n, web page variables, content scripts etc.
But by exchanging the messages with their parent extension these scripts can overcome some of the said above challenges easily. Content scripts can also make cross-site XMLHttpRequests to the same site as well as communicate with web pages using shared DOM. On more on their capabilities visit here.
The best example is script referring to extension files. You can get URL of extension's file using chrome.extensions.getURL() and put result as a normal URL.
//Code for displaying <extensionDir>/images/myimage.png:
var imgURL = chrome.extension.getURL("images/myimage.png");
document.getElementById("someImage").src = imgURL;
code source: developer.chrome.com
One of the most favorite for our purpose is "Programmatic Injection"
This inserts a code into a page programmatically (where javascript or CSS is useless on every single page) to achieve a particular result.
e.g. Clicked URL turns red in Chrome browser
chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.executeScript({
code: 'document.body.style.backgroundColor="red"'
});
});
"permissions": [
"activeTab"
],
code source: developer.chrome.com
If you have a keen interest in content scripts, this article will surely help you learn more about them easily. For more brief on Content Scripts, visit chrome's developer site here.
How to enable visited link color in Mozilla Firefox?
Visited Add-On
Its a great add-on freely available on firefox add-on library and installation is just easy as a click. You can mark all visited links a custom color.
Using Safari? Smart you, isn't you?
You can add your custom.css file with below code string.
a:visited { color: #ff0000 !important; }
Go to the Safari Click on File in Menu bar > Preferences > Advanced > locate "Stylesheet". By default it shows "nothing selected" and here you can choose file. (select your just now created css file)
Note: you can use any text editor such as notepad to create *.css file, just save as css.
Using extensions which are freely available and content scripts one can set their links to change colors after visits. If you are using google search for your project work or have extensive site surfing interests, this feature will instantly help you know which links you have already visited and hence save a lot of your time.
Website makers, writers, content scrapers, technology/education related people and most of the professionals need constant surfing for collecting information and relevant sources. This tip is very helpful to all of them by avoiding revisits to same links again and again.
How to change visited links color in Google Chrome?
Method 1 - Using Extension
Install Stylist extension. Download & install here
Click SETTINGS in chrome
Click EXTENSIONS
Find the stylist extension and click OPTIONS
Click STYLES
Click ADD NEW STYLE
Copy & paste the following:
A:visited { color: red ! important }
Name the style
Click the ALL SITE check box
Click SAVE
Find a page with visited link, refresh, and you'll see changes. Further for modifications on a color, you can use this code rgb(255, 0, 0) in place of red.
Method 2 - Using Content Scripts
Using a Content Script (some programming knowledge needed)
Content scripts are nothing but the small JavaScript files that run within the web pages to enhance user experience. Some of the best examples of it include changing color or visited links, increasing fonts on pages and much more.
Their limitations include an inability to use chrome with APIs, extensions, runtime, storage i18n, web page variables, content scripts etc.
But by exchanging the messages with their parent extension these scripts can overcome some of the said above challenges easily. Content scripts can also make cross-site XMLHttpRequests to the same site as well as communicate with web pages using shared DOM. On more on their capabilities visit here.
The best example is script referring to extension files. You can get URL of extension's file using chrome.extensions.getURL() and put result as a normal URL.
//Code for displaying <extensionDir>/images/myimage.png:
var imgURL = chrome.extension.getURL("images/myimage.png");
document.getElementById("someImage").src = imgURL;
code source: developer.chrome.com
One of the most favorite for our purpose is "Programmatic Injection"
This inserts a code into a page programmatically (where javascript or CSS is useless on every single page) to achieve a particular result.
e.g. Clicked URL turns red in Chrome browser
chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.executeScript({
code: 'document.body.style.backgroundColor="red"'
});
});
"permissions": [
"activeTab"
],
code source: developer.chrome.com
If you have a keen interest in content scripts, this article will surely help you learn more about them easily. For more brief on Content Scripts, visit chrome's developer site here.
How to enable visited link color in Mozilla Firefox?
Visited Add-On
Its a great add-on freely available on firefox add-on library and installation is just easy as a click. You can mark all visited links a custom color.
Using Safari? Smart you, isn't you?
You can add your custom.css file with below code string.
a:visited { color: #ff0000 !important; }
Go to the Safari Click on File in Menu bar > Preferences > Advanced > locate "Stylesheet". By default it shows "nothing selected" and here you can choose file. (select your just now created css file)
Note: you can use any text editor such as notepad to create *.css file, just save as css.
Information New Chrome - Productivity, Change Visited Link Color to Red in Google By Patricbensen has finished we discussed
says the article New Chrome - Productivity, Change Visited Link Color to Red in Google By Patricbensen, we beharap be useful to you in finding repensi about the latest gadgets and long.
Information on New Chrome - Productivity, Change Visited Link Color to Red in Google By Patricbensen has finished you read this article and have the link https://patricbensen.blogspot.com/2016/06/new-chrome-productivity-change-visited.html Hopefully the info we deliver is able to address the information needs of the present.
0 Response to "New Chrome - Productivity, Change Visited Link Color to Red in Google By Patricbensen"
Post a Comment