Control your tabs with tiles - useful for large monitors and full screen (F11) browsing.

Latest Version

Version
0.9.3
Update
June 25, 2024
Size
75.26KiB
Developer
Category
Users
0
Rating
3.68182 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
Favicon
Tabs
Storage
See more

tabtiles Extension

This extension displays a window's tabs in a bar along the top or bottom of the screen, useful for when browsing in full screen (F11) mode. The tiles are larger, so easier to click on than the usual browser tabs.

Now includes touch support if you have a device with touch capability.

It also allows navigating through the tabs using the keyboard, using the left and right keys. Press Enter to select a tab.

Other features include:

Type-to-search: start typing to enter keywords in the tabtiles address bar, press Enter to search.

Choose when to display the bar: for normal restored windows, when maximized or in full screen mode. And / or auto-hide when not in use.

Customize the size of the bar, to a percentage of the window height.

Show popup hints, containing the full title and address of the page.

--

Check out my other extension - search the web store for Last Tab Back.

--

Release history:

0.9.3 Added touch support to allow scrolling left and right through tabs. Also re-enabled lasttabback integration after some fixes
0.9.2 Disable lasttabback integration for now
0.9.1 Update to Manifest V3 and add bug fixes
0.9.0 Hide when viewing some media players full screen
0.8.13: Changed to allow clicking through to the page in areas where there aren't any tabs; now shows Untitled for pages with no title, and PDF Document for .pdf files - to allow the pdf viewer buttons to be clicked more easily
0.8.12 - Manually disable type-to-search or keyboard tab navigation; now allows 1-pixel activation height for auto-hide mode; set interval for hiding or switching back to mini mode; middle mouse button closes tab.
0.8.11 - Selected tab now has extra highlighting to make it easier to quickly locate. Fixed a bug where mouse clicks outside of the bar sometimes select a different tab when the button is released (i.e. when the mouse button was held down and then released at a different location).
0.8.10 - Changed to allow specifying the percentage size of mini mode compared to normal; also to allow setting the popup hint to \"centered\"
0.8.9 - The first (leftmost) button now shows the time and date in a hint. When using the wheel to move through tabs, mouse movement is deactivated until moved by a small amount.
0.8.8 - Added a history button within the address bar. Delete can now be pressed to close non-selected tabs when in keyboard navigation (left / right) mode. Fixed a bug that was preventing selecting tabs correctly if somehow no tab was selected
0.8.7 - Minor fixes for the new pinning integration
0.8.6 - Disabled displaying when printing the page (ie. on paper)
0.8.5 - Added support for pinning tabs - right click twice to do this
0.8.4 - Fixed minor zoom bug (not related to standard chrome zoom)
0.8.3 - Fixed a bug that caused the bar to go off screen at some chrome zoom levels
0.8.2 - Fixed bug in hide when right clicking the address bar close button
0.8.1 - Moving the mouse will cause the bar to be displayed, if it hasn't already. This helps with delays caused when the page being viewed tries to refer to slow / offline third party
sites. Also, minor bug fixes
0.8.0 - Updated the button layout; click to close now snaps partly off-screen tiles to edges; fixed bugs relating to the bar not being displayed on some sites, and being damaged by chrome's translate feature
0.7.4 - Now allows address bar navigation to a new tab for both URL and search keywords; click-to-close message for selected tab is smaller for narrow tabs; fixed minor bugs
0.7.3 - Fixed a problem resizing tiles after some are closed (and auto-hide is enabled)
0.7.2 - Corrected issues regarding switching between mini and normal mode - wasn't re-sizing as intended
0.7.1 - Fixed bug where right-hand item does not correctly focus
0.7.0 - Initial release
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "background": { "service_worker": "tabtiles-service-worker.js" }, "content_scripts": [ { "js": [ "tabtiles-default.js", "utils.js", "tabtiles-content-script.js" ], "run_at": "document_end", "matches": [ "http://*/*", "https://*/*" ], "css": [ "tabtiles.css" ] } ], "version": "0.9.3", "minimum_chrome_version": "88", "name": "tabtiles", "options_page": "tabtiles-options.html", "description": "Control your tabs with tiles - useful for large monitors and full screen (F11) browsing.", "icons": { "16": "icons/16x16.png", "32": "icons/32x32.png", "48": "icons/48x48.png", "128": "icons/128x128.png" }, "permissions": [ "favicon", "tabs", "storage" ], "host_permissions": [ "http://*/*", "https://*/*" ], "web_accessible_resources": [ { "resources": [ "tabtiles.css", "icons/back.svg", "icons/forward.svg", "icons/address.svg", "icons/home.svg", "icons/newtab.svg", "icons/go.svg", "icons/cancel.svg", "icons/history.svg", "icons/closetab_redwhite.svg", "icons/closetab_gray.svg", "icons/closetab_black.svg" ], "matches": [ "" ] }, { "resources": [ "/_favicon/*" ], "matches": [ "" ] } ]}
Read more

How to download and manually install tabtiles extension for Chrome

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

Method 1: Download tabtiles extension and manually install through Drag &Drop

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

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

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

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

Similar Extensions

User reviews

icon

Alex (ID: 000000eff8998259) Voted 1 ★ - Updated 05/31/2022 Animations are sluggish. Can't hide buttons for back, forward, new tab, address bar. All my tabs, except active one, show "secure page" instead of title on tabs. Doesn't support Chrome's tab grouping feature so all the tabs you have hidden away in groups, and don't want to see all the time, are showing individually.

icon

Melvin MacDonald (ID: 000000fc5a3ccc1a) Voted 3 ★ - Updated 03/28/2022 It works, but the UX is poor. Visuals are the least of my worries; the non-scrollable tab bar via touchscreen is obviously unusable.

icon

Semere Tereffe (ID: 0000004c410079ab) Voted 2 ★ - Updated 01/25/2022 It felt extremely clunky. The functionality is good, but it doesn't feel smooth or polished. The UX could definitely use a rework.

icon

Aryka (ID: 0000009eec660e28) Voted 4 ★ - Updated 11/11/2021 this would be a million times better if the tabs were black instead of yellow. Also the tabs are too wide.

icon

Miguel Garza (ID: 000000226052b14b) Voted 3 ★ - Updated 07/13/2021 I love the look, I love the idea...but all the tabs except the active one have their titles obscured because they are "https:/" (secure) sites. This renders the extension pretty much useless. At the moment I am trying Blitz Fullscreen URL Launcher, which provides a vertical list of open tabs (the *full* title of each) at the press of a keyboard shortcut. So, for my purposes (getting some tab functionality back whilst in fullscreen mode), that extension is my go-to for now.