Shows title in top of the page, since you cant read the title in the small tabs. Created by Martin Dalgaard

Latest Version

Version
2.3
Update
July 13, 2015
Size
164KiB
Developer
Category
Users
10,000+
Rating
3.4 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
See more

Show Title Tag Extension

This plugin will show the full page title in the bottom of the page, so you can see the full title. Nice small tool for SEO guys and everyone using Chrome.

You can move the bar to each corner so it's never obstructing your website. You can also hide it on pages where you don't want it.

You can also hold the mouse over the area to see the title length.

The source code is on github, feel free to fork it: https://github.com/martindj

Changed in 2.3
- This seems to get auto updating in again without the performance hit. Credit goes to github.com/ash14
Changed in 2.2
- Bug: High CPU usage on certain pages.
Changed in 2.1
- Feature: Indicate titles over 65 characters by highlighting the 65+ characters in red
- Bug: Make sure the new font doesn't interfere with the rest of the page

Changes in 2.0
- Feature: Using FontAwesome for icons, and css for backgrounds and borders. Looks much better, especially on Retina :)
- Feature: Remember view-state per domain. Don't want to see the bar on Facebook? No problem, just click the hide-icon
- Code cleanup

Changes in 1.6.2
- Bugfix: Fixed interference with the page CSS

Changes in 1.6.1
- Feature: The widget can be positioned in either corner of the browser!
- Other: Code rewrite. Preparing for future updates.

Changes in 1.5
- Bugfix: Fixed bug where a long title would make the background look wrong
- Bugfix: Fixed bug where a too long title (75+ chars) would have some text appear before the title
- Security: Fixed bug where html inside the title-tag would be injected into the title tab

Changes in 1.4
- Visual: Removed title length from visual area, you can now see it in mouseover (for SEO guys)
- Visual: Introducing a new style, matching the rest of chrome. Looks kinda sleek!

Changes in 1.3
- Visual: Title length and difference between length and 75 chars (max recomended length)
Read more

Source Manifest.json

{ "manifest_version": 2, "background": { "page": "background.html" }, "content_scripts": [ { "css": [ "css/showtitle.css" ], "js": [ "js/config.js", "js/showtitle.js" ], "matches": [ "http://*/*", "https://*/*" ] } ], "description": "Shows title in top of the page, since you cant read the title in the small tabs. Created by Martin Dalgaard", "icons": { "128": "img/icon128.png", "16": "img/icon16.png", "48": "img/icon48.png" }, "web_accessible_resources": [ "/font/fontawesome-webfont.tff", "/font/fontawesome-webfont.woff" ], "name": "Show Title Tag", "update_url": "http://clients2.google.com/service/update2/crx", "version": "2.3"}
Read more

How to download and manually install Show Title Tag extension for Chrome

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

Method 1: Download Show Title Tag extension and manually install through Drag &Drop

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

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

This is another method to install Show Title Tag 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 Show Title Tag extension file

Select and download the Show Title Tag 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 Show Title Tag 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 Show Title Tag 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 Show Title Tag 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 Show Title Tag extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

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

icon

Create Link Extension · Social & Communication 10,000+ 170 ★ 32.25KiB

icon

Pasty Extension · Productivity 10,000+ 54 ★ 21.3KiB

icon

Easy! Show Title Plus Extension · Developer Tools 10,000+ 5 ★ 62.15KiB

icon

Redirect Path Extension · Developer Tools 10,000+ 194 ★ 6.06MiB

icon

Form Text Counter Badge Extension · Accessibility 10,000+ 5 ★ 39.17KiB

icon

Display Ranking Extension · Developer Tools 10,000+ 4 ★ 58.48KiB

icon

NoFollow Extension · Developer Tools 10,000+ 236 ★ 62.17KiB

icon

HTML Error Checker Extension · Developer Tools 10,000+ 96 ★ 380KiB

icon

ato-ichinen Extension · Productivity 10,000+ 24 ★ 43.78KiB

icon

goodbye "Zenkaku" - さよなら全角英数 Extension · Productivity 10,000+ 73 ★ 280KiB

icon

GetTabInfo Extension · Productivity 10,000+ 16 ★ 1.39MiB

icon

Alt & Meta viewer Extension · Developer Tools 10,000+ 10 ★ 71.37KiB

icon

Scrollbar of Contents Extension · Productivity 10,000+ 79 ★ 44.25KiB

icon

Copy URL+ Extension · Productivity 10,000+ 45 ★ 35.59KiB

icon

Semantic inspector Extension · Developer Tools 10,000+ 40 ★ 49.44KiB

icon

TabsPlus Extension · Productivity 10,000+ 245 ★ 50.52KiB

icon

Extract People also search phrases in Google Extension · Productivity 10,000+ 20 ★ 80.62KiB

icon

SimpleExtManager Extension · Productivity 10,000+ 842 ★ 94.99KiB

icon

TooManyTabs for Chrome Extension · Productivity 10,000+ 1659 ★ 323KiB

icon

Link Blanker Extension · Productivity 10,000+ 40 ★ 365KiB

icon

Super Highlight Search Extension · Productivity 10,000+ 49 ★ 20.75KiB

icon

Inspect Canonical Extension · Developer Tools 10,000+ 11 ★ 29.89KiB

icon

教えてURL Extension · Developer Tools 10,000+ 2 ★ 116KiB

User reviews

icon

Aisha Ricks (ID: 000000dd80dc1e27) Voted 4 ★ - Updated 02/23/2022 It works, but do note: 1. If you have any pages still open while downloading it, refresh them to see the title. 2. The font is incredible small, but as Phuong Tran said in a previous review, you can combine it with other apps. 3. High CPU usage.

icon

Phuong Tran (ID: 000000b568362370) Voted 4 ★ - Updated 10/10/2019 Still works in Oct 2nd 2019. Not like this extension: https://chrome.google.com/webstore/detail/easy-show-title-plus/gdpfgejmikpgbnbhbhjegjfglhodfloa, Show Title Tag update every change of title while browsing while the Show Title Plus need to reload. * Please note that as many other extensions, this extension may need to be reloaded the browser to active its effect. * * * There have a bug here, please fix it: Denying load of chrome-extension://pkbffbhglicfngmppdlpmpblfgnkdgio/font/fontawesome-webfont.ttf. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.

icon

Yawning Owl (ID: 00000042437dfc4e) Voted 4 ★ - Updated 03/23/2019 A good solution to an irritating issue ! The only drawback to my mind is the title tag persisting through page print, often covering printed content. Much as the title tag is welcome on the screen, it is unwelcome on a print, much less when it overlays some printed page content. My suggestion: add an option to prevent the tag from getting sent to the printer. That'd be a 5th star AFAIC.

icon

Mostafa Rahmani (ID: 0000008eabd54bbc) Voted 3 ★ - Updated 03/09/2019 Doesn't work on google pages. And can't customize the size of it!

icon

Thierry Loo (ID: 000000cb37b02680) Voted 4 ★ - Updated 02/02/2019 Thanks ! This works like a charm for me on the latest Chrome. One improvement: please remove when printing.