See title tags & meta description, scripts, stylesheets, images & fonts

Latest Version

Version
3.0.15
Update
June 8, 2021
Size
82.66KiB
Developer
Category
Users
10,000+
Rating
4.71429 ★
Manifest Version
2
Web Store Status
Languages Support
English (UK)
See more
Permissions
See more

Blue Button | the webpage X-ray Extension

Creative or creator, designer or developer, chances are you don’t look at websites the same way most people do. Blue Button gives you a run-down of all essential web design, graphic and SEO elements in one click. Instantly see beneath the surface, and get all the info you need on any web page, whilst on the go.

FOR SEO MANAGERS
Easily access SEO related information such as title tag content, meta description, header information such as canonical url, image alt tags, authorship tags (publisher tag, author tag) etc

FOR CONTENT MANAGERS AND COPYWRITERS
Easily copy & paste meta description and title tag to new websites

FOR DEVELOPERS
Access a list of all scripts and stylesheets used on the site. View meta generator, wordpress scripts and theme references

FOR WEB DESIGNERS
View site favicon, touch icons and other images. Find out what google fonts are loaded
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "browser_action": { "default_icon": "blue-button-icon-128x128.png", "default_popup": "popup.html" }, "content_scripts": [ { "js": [ "dom.js" ], "matches": [ "*://*/*" ] } ], "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'", "description": "See title tags & meta description, scripts, stylesheets, images & fonts", "icons": { "128": "blue-button-icon-128x128.png" }, "manifest_version": 2, "name": "Blue Button | the webpage X-ray", "permissions": [ ], "short_name": "Blue Button", "version": "3.0.15"}
Read more

How to download and manually install Blue Button | the webpage X-ray extension for Chrome

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

Method 1: Download Blue Button | the webpage X-ray extension and manually install through Drag &Drop

If you ever need to manually install a Blue Button | the webpage X-ray 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 Blue Button | the webpage X-ray Extension by clicking the "Download CRX" button on the website.

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

This is another method to install Blue Button | the webpage X-ray 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 Blue Button | the webpage X-ray extension file

Select and download the Blue Button | the webpage X-ray 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 Blue Button | the webpage X-ray 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 Blue Button | the webpage X-ray 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 Blue Button | the webpage X-ray 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 Blue Button | the webpage X-ray extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

CSS3 Generator Extension · Developer Tools 10,000+ 60 ★ 346KiB

icon

Web Design Pirate Extension · Developer Tools 10,000+ 21 ★ 134KiB

icon

Checkbot: SEO, Web Speed & Security Tester ? Extension · Developer Tools 10,000+ 940 ★ 1.67MiB

icon

Amino: Live CSS Editor Extension · Developer Tools 10,000+ 453 ★ 1.45MiB

icon

Reticle Extension · Developer Tools 10,000+ 27 ★ 39.33KiB

icon

META SEO inspector Extension · Developer Tools 10,000+ 594 ★ 379KiB

icon

Catchpoint User Experience Extension · Developer Tools 10,000+ 32 ★ 662KiB

icon

Wattspeed Extension · Developer Tools 10,000+ 27 ★ 116KiB

icon

Font Awesome Icon Finder Extension · Developer Tools 10,000+ 9 ★ 1.01MiB

icon

Site Palette Extension · Developer Tools 10,000+ 344 ★ 297KiB

icon

Code Cola Extension · Developer Tools 10,000+ 188 ★ 189KiB

icon

Jinno: code any React component with AI Extension · Developer Tools 10,000+ 38 ★ 18.37MiB

icon

Hoverify Extension · Developer Tools 10,000+ 145 ★ 14.54MiB

icon

Web Maker Extension · Developer Tools 10,000+ 1002 ★ 5.76MiB

icon

Baseliner Extension · Developer Tools 10,000+ 45 ★ 205KiB

icon

Emmet Re:view Extension · Developer Tools 10,000+ 162 ★ 74.65KiB

icon

Link Research SEO Toolbar Extension · Productivity 10,000+ 148 ★ 592KiB

icon

Scan WP - WordPress Theme and Plugin Detector Extension · Developer Tools 10,000+ 54 ★ 1.41MiB

icon

Live editor for CSS, Less & Sass - Magic CSS Extension · Developer Tools 10,000+ 266 ★ 2.15MiB

icon

Link Redirect Trace Extension · Developer Tools 10,000+ 346 ★ 549KiB

icon

Unstack Style Guide Extension · Developer Tools 10,000+ 20 ★ 68.29KiB

icon

OpenLink Structured Data Sniffer Extension · Developer Tools 10,000+ 17 ★ 2.55MiB

icon

PixelParallel by htmlBurger Extension · Developer Tools 10,000+ 65 ★ 223KiB

icon

WP Hive | A Better WordPress Plugin Repo Extension · Developer Tools 10,000+ 38 ★ 58.79KiB

User reviews

icon

Amin Delavar (ID: 0000004a132601cb) Voted 5 ★ - Updated 04/14/2020 so amazing extention !!!

icon

Volkan Yılmaz (ID: 0000002e0a957a60) Voted 5 ★ - Updated 09/16/2019 sevdim. iyi çalışıyor.

icon

Ladislav Šulc (ID: 000000bd42d23163) Voted 5 ★ - Updated 07/12/2019 Really useful for a simple control of many SEO onpage aspects. Highly recommend. Thank you.

icon

Vasilis Manthos (ID: 0000003153d1a3d4) Voted 5 ★ - Updated 03/30/2019 It has made my work a lot easier! Thanks a bunch!

icon

Ferran Buireu (ID: 000000608c9767e4) Voted 4 ★ - Updated 10/08/2018 Muy buena. A nivel visual es bonita, pese a que puede mejorar pero lo mejor es el rápido funcionamiento que tiene y la eficacia. Muestra metatags, imagenes, estilos y información diversa de los sitios webs que visitas.