Automatically check the sustainability of a website with The Green Web add-on.

Latest Version

Version
2.3.0
Update
July 17, 2020
Size
300KiB
Developer
www.thegreenwebfoundation.org
Category
Users
977
Rating
3.31579 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Http://api.thegreenwebfoundation.org/
WebNavigation
Tabs
Storage
See more

The Green Web Extension

With the Green Web add-on, you can see the green (or not so green) status of a website at glance, based on what kind of energy is used to power the servers it runs on.

Is the site running on green power? Hurray! Smiley face!
Is the site is still running on grey power, from fossil fuels? Boo! You'll see a sad face. Why not ask them to switch?

But wait! There's more!

If you search with Google, Yahoo, Bing or Ecosia, you'll see which sites in results run on renewable power - green links get smiley faces in the results.

Also, if you're on a page with links to external sites, you can see if the external site is hosted on green servers too. Links to green sites have a checked green underline on them.

The Green Web Foundation maintains an open database listing which datacentres around the world run on green power. We use this to present this information in this browser extension.

Both the platform, and the browser extension are open source, so if want, you can see what's happening under the hood when you use the service.

In fact, all the source code for all our projects is published on Github, so you can see how they *all* work. We welcome feature requests and contributions to the project. - https://github.com/thegreenwebfoundation/web-extension


You can find more information on http://www.thegreenwebfoundation.org


Release notes:
2.3.0 | 30 June 2020
- Updated icons with transparency to better fit dark mode.

2.2.0 | 13 June 2020
- Add an ethical filtering option, when you enable this option, on search pages results that normally will get a grey smiley as they run on non-green infrastructure will now be filtered out from the webpage, so they are hidden from view.

For previous versions check the changelog : https://github.com/thegreenwebfoundation/web-extension/blob/master/Changelog.MD
Read more

Source Manifest.json

{ "manifest_version": 2, "update_url":"http://clients2.google.com/service/update2/crx", "name": "The Green Web", "short_name": "The Green Web", "version": "2.3.0", "description": "Automatically check the sustainability of a website with The Green Web add-on.", "background": { "scripts": ["background.js","thegreenweb-utils.js","tracker.js"], "persistent": false }, "minimum_chrome_version" : "22", "options_page": "options.html", "offline_enabled": false, "content_security_policy": "script-src 'self'; object-src 'self';", "icons": { "16" : "/icons/16.gif", "48" : "/icons/48.gif", "128": "/icons/128.gif" }, "homepage_url": "https://www.thegreenwebfoundation.org/add-ons", "page_action": { "default_icon": "icon.png", "default_title": "The Green Web" }, "web_accessible_resources": [ "images/green20x20.gif", "images/greenfan20x20.gif", "images/greenhouse20x20.gif", "images/greenquestion20x20.gif", "images/grey20x20.gif", "images/goldsmiley20x20.png", "images/gold20x20transp.png", "images/green20x20transp.png", "images/grey20x20transp.png" ], "permissions": [ "http://api.thegreenwebfoundation.org/", "webNavigation", "tabs", "storage" ], "content_scripts": [ { "matches": [ "*://*.google.com/*", "*://*.google.it/*", "*://*.google.com.tr/*", "*://*.google.es/*", "*://*.google.ch/*", "*://*.google.nl/*", "*://*.google.be/*", "*://*.google.gr/*", "*://*.google.com.br/*", "*://*.google.lu/*", "*://*.google.fi/*", "*://*.google.pt/*", "*://*.google.hu/*", "*://*.google.hr/*", "*://*.google.bg/*", "*://*.google.com.mx/*", "*://*.google.si/*", "*://*.google.sk/*", "*://*.google.ro/*", "*://*.google.ca/*", "*://*.google.co.uk/*", "*://*.google.cl/*", "*://*.google.com.ar/*", "*://*.google.se/*", "*://*.google.cz/*", "*://*.google.dk/*", "*://*.google.co.th/*", "*://*.google.com.co/*", "*://*.google.lt/*", "*://*.google.co.id/*", "*://*.google.co.in/*", "*://*.google.co.il/*", "*://*.google.com.eg/*", "*://*.google.cn/*", "*://*.google.co.ve/*", "*://*.google.ru/*", "*://*.google.co.jp/*", "*://*.google.com.pe/*", "*://*.google.com.au/*", "*://*.google.co.ma/*", "*://*.google.co.za/*", "*://*.google.com.ph/*", "*://*.google.com.sa/*", "*://*.google.ie/*", "*://*.google.co.kr/*", "*://*.google.no/*", "*://*.google.com.ec/*", "*://*.google.com.vn/*", "*://*.google.lv/*", "*://*.google.com.mt/*", "*://*.google.com.uy/*", "*://*.google.ae/*", "*://*.google.ba/*", "*://*.google.co.nz/*", "*://*.google.com.ua/*", "*://*.google.co.cr/*", "*://*.google.ee/*", "*://*.google.com.do/*", "*://*.google.com.tw/*", "*://*.google.com.hk/*", "*://*.google.com.my/*", "*://*.google.com.sv/*", "*://*.google.com.pr/*", "*://*.google.lk/*", "*://*.google.com.gt/*", "*://*.google.com.bd/*", "*://*.google.com.pk/*", "*://*.google.is/*", "*://*.google.li/*", "*://*.google.com.bh/*", "*://*.google.com.ni/*", "*://*.google.com.py/*", "*://*.google.com.ng/*", "*://*.google.com.bo/*", "*://*.google.co.ke/*", "*://*.google.hn/*", "*://*.google.com.sg/*", "*://*.google.mu/*", "*://*.google.ci/*", "*://*.google.jo/*", "*://*.google.nu/*", "*://*.google.com.jm/*", "*://*.google.com.ly/*", "*://*.google.co.yu/*", "*://*.google.tt/*", "*://*.google.com.kh/*", "*://*.google.ge/*", "*://*.google.com.na/*", "*://*.google.com.et/*", "*://*.google.sm/*", "*://*.google.cd/*", "*://*.google.gm/*", "*://*.google.com.qa/*", "*://*.google.dj/*", "*://*.google.com.cu/*", "*://*.google.com.pa/*", "*://*.google.gp/*", "*://*.google.az/*", "*://*.google.as/*", "*://*.google.pl/*", "*://*.google.mn/*", "*://*.google.ht/*", "*://*.google.md/*", "*://*.google.am/*", "*://*.google.sn/*", "*://*.google.je/*", "*://*.googlee.com/*", "*://*.google.com.bn/*", "*://*.google.com.ai/*", "*://*.google.co.zm/*", "*://*.google.ma/*", "*://*.google.rw/*", "*://*.google.co.ug/*", "*://*.google.com.vc/*", "*://*.googlenews.de/*", "*://*.google.at/*", "*://*.google.com.gi/*", "*://*.google.to/*", "*://*.google.com.om/*", "*://*.google.kz/*", "*://*.google.co.uz/*" ], "js": ["jquery.min.js", "thegreenweb-utils.js","qtip/jquery.qtip.min.js","search-google.js"] }, { "matches": ["*://search.yahoo.com/*", "*://*.search.yahoo.com/*"], "js": ["jquery.min.js", "thegreenweb-utils.js","qtip/jquery.qtip.min.js","search-yahoo.js"] }, { "matches": ["*://www.bing.com/*"], "js": ["jquery.min.js", "thegreenweb-utils.js","qtip/jquery.qtip.min.js","search-bing.js"] }, { "matches": ["*://www.ecosia.org/*"], "js": ["jquery.min.js", "thegreenweb-utils.js","qtip/jquery.qtip.min.js","search-ecosia.js"] }, { "matches": ["http://*/*"], "css": ["thegreenweb.css","qtip/jquery.qtip.min.css"], "js": ["jquery.min.js", "thegreenweb-utils.js","qtip/jquery.qtip.min.js","green-page-links.js"] }, { "matches": ["https://*/*"], "css": ["thegreenweb.css","qtip/jquery.qtip.min.css"], "js": ["jquery.min.js", "thegreenweb-utils.js","qtip/jquery.qtip.min.js","green-page-links.js"] } ]}
Read more

How to download and manually install The Green Web extension for Chrome

Looking for a way to install The Green Web 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 The Green Web extensions manually, this article outlines two simple methods to effortlessly install The Green Web extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download The Green Web extension and manually install through Drag &Drop

If you ever need to manually install a The Green Web 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 The Green Web Extension by clicking the "Download CRX" button on the website.

Look for the The Green Web extension you wish to install. Go to the website and download the The Green Web extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for The Green Web 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 The Green Web 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 The Green Web extension for Chrome and install in Developer Mode

This is another method to install The Green Web 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 The Green Web extension file

Select and download the The Green Web 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 The Green Web 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 The Green Web 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 The Green Web 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 The Green Web extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Neutral Extension · Shopping 977 9 ★ 11.01MiB

icon

Website Footprint Extension · Accessibility 977 8 ★ 12.72KiB

icon

EcoIndex.fr Extension · Developer Tools 977 0 ★ 34.73KiB

icon

Ecosia language switcher Extension · Accessibility 977 1 ★ 163KiB

icon

eco₂rd Extension · Accessibility 977 2 ★ 346KiB

icon

Apple Green Extension · Accessibility 977 46 ★ 25.09KiB

icon

Careplane Extension · Shopping 977 4 ★ 123KiB

icon

OVO Carbon Capper Extension · Social & Communication 977 3 ★ 57.04KiB

icon

Luminous Extension · Productivity 977 2 ★ 660KiB

icon

Ecosia with Google Extension · Productivity 977 13 ★ 103KiB

icon

WeDeex Extension · Productivity 977 2 ★ 6.15MiB

icon

CarbonViz Extension · Productivity 977 6 ★ 7.9MiB

icon

Globemallow Extension · Accessibility 977 7 ★ 118KiB

icon

Treegle - The search engine that plants trees Extension · Productivity 977 4 ★ 348KiB

icon

Ecosia Dark-Mode Extension · Accessibility 977 110 ★ 484KiB

icon

TreeClicks - Plant Trees while Shopping Extension · Shopping 977 17 ★ 84.52KiB

icon

low—web Extension · Accessibility 977 7 ★ 295KiB

icon

Melio — Climate-friendly made easy Extension · Social & Communication 977 20 ★ 3.2MiB

icon

Pebble - Digital Carbon Emissions Calculator Extension · Social & Communication 977 12 ★ 1.76MiB

icon

Ecosia Count Trees Extension · Productivity 977 4 ★ 18.74KiB

icon

NumÉcoDiag Extension · Developer Tools 977 0 ★ 156KiB

icon

YouGreen: Save Data one video at a time Extension · Productivity 977 5 ★ 27.32KiB

icon

Cleanstart - New Tab Page & Bookmark Manager Extension · Productivity 977 16 ★ 85.86MiB

icon

GreenIT-Analysis Extension · Developer Tools 977 10 ★ 270KiB

User reviews

icon

Thibault Menz (ID: 000000357a2d5df9) Voted 2 ★ - Updated 09/02/2021 N'a pas l'air de fonctionner sur mon PC portable. Je n'ai tout simplement pas de pastille qui s'affiche devant mes résultats de recherche

icon

AngieMel Ruiz-Rigade (ID: 000000e7ec2bd1ec) Voted 1 ★ - Updated 08/23/2019 There's no information on the criteria on which it draws its conclusion. Read Nichol Brummer's review, I completely agree with it. We don't know if it's even neutral or something, google and facebook green but not ecosia search? Right... Also, you only have "green" sites, but no way of knowing if a certain site is gray because they have no data on it or because it's actually "not green". Meh. No way of knowing if this thing is accurate.

icon

Jean lemart (ID: 000000df03d0400b) Voted 5 ★ - Updated 07/27/2019 l'ecologie est très importante

icon

Alexandr Holický (ID: 000000ac7de342ba) Voted 3 ★ - Updated 06/30/2019 If you want to have a green smiley, your host must be registered in their own database: https://www.thegreenwebfoundation.org/directory/

icon

Stijn de Haan (ID: 000000045a3cf889) Voted 5 ★ - Updated 03/22/2019 Try to only use the websites that are hosted green. I had the idea to make such an extension myself but discovered it already existed! I've also done a bit research on what websites are hosted green but I don't understand why for example Facebook is hosted green. Yes, they're building all their new servers with renewable energy but seeing online they will be fully renewable around 2021 which is awesome. Does this extension look to what servers it's connected to see if that specific server is hosted green, when is a website hosted green to you?