A Chrome extension to set the background of ANY page

Latest Version

Version
1.1.0
Update
October 19, 2024
Size
48.55KiB
Developer
Category
Users
298
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
WebNavigation
See more

Background Extension

A Chrome extension that can help you add background to almost any website you go.

1. Why using this extension:
---> If you tired of having boring background of websites and want to change it then this is a solver for you, with this extension you surf your favorite website with a background of your choice.

2. Benefits from this extension:
- Lightweight extension and optimized, not taking up your RAM and usage
- No ads and not sending user information to anywhere, everything is running under your local machine and google account (open-source soon?)
- Works with any other website manipulation extension
- Help you have a better focus on websites =w=

3. Features:
- Live Updates on websites whenever the settings changed
- Able to set the Z-index of the background to wherever you think it works for you
- Options to remember websites settings
- Can disable any time you want
- Dark mode for preview popup and options page or better preview since some websites are dark and others are light
- Works for local image too (this option actually help the extension to work anywhere since some website restricted to load image from links)
- Remember your settings across all your devices connected to your account (not the same case for the Local Image option, this require your account to turn on sync)
- Notice when the URL changed to activate the extension running, this will help on SPA websites
- Smooth User Interface for better experience

Disclaimer: image URL must be raw image, not the link of some image upload page, to get raw image right click into it and \"open image in new tab\" then copy that link in the new tab. (The link should ended with a image file extension .png .jpeg .jpg .gif etc... videos are not supported)

CHANGE LOG
---------------------------
1.1.0 | 20/9/2024
Big changes with shortcut:
- Added shortcut keys: opacity up/down, z-index up/down
You can change the shortcut binding in your browser settings: chrome://extensions/shortcuts
---------------------------
1.0.1 | 11/9/2024
(dev) background element now is inside a div for easier debugging.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Background", "version": "1.1.0", "description": "A Chrome extension to set the background of ANY page", "permissions": ["activeTab", "storage", "webNavigation"], "icons": { "16": "src/icons/BG.png", "48": "src/icons/BG.png", "128": "src/icons/BG.png" }, "permissions_justification": { "activeTab": "Saves the current tab's settings", "storage": "Store user's settings locally", "webNavigation": "Listen for page navigation on SPA websites" }, "background": { "service_worker": "./src/js/background.js" }, "content_scripts": [ { "matches": [""], "js": ["./src/js/content.js"], "run_at": "document_start", "all_frames": true, "match_about_blank": true } ], "action": { "default_popup": "./src/html/popup.html", "default_icon": "src/icons/BG.png" }, "options_page": "./src/html/options.html", "commands": { "opacity-up": { "suggested_key": { "default": "Ctrl+U", "mac": "Command+U" }, "description": "Turn up opacity" }, "opacity-down": { "suggested_key": { "default": "Ctrl+I", "mac": "Command+I" }, "description": "Turn down opacity" }, "z-index-up": { "suggested_key": { "default": "Ctrl+Shift+U", "mac": "Command+Shift+U" }, "description": "Move background up" }, "z-index-down": { "suggested_key": { "default": "Ctrl+Shift+I", "mac": "Command+Shift+I" }, "description": "Move background down" } }} "
Read more

How to download and manually install Background extension for Chrome

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

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

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

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

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

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

Similar Extensions

icon

Change Website Background Extension · Fun 298 3 ★ 56.71KiB

icon

Từ điển tiếng Nhật JP Extension · Productivity 298 51 ★ 7.05MiB

icon

Custom New Tab Background Extension · Productivity 298 48 ★ 244KiB

icon

Browser Background Customizer Extension · Fun 298 1 ★ 1.12MiB

icon

New Tab Background Image Extension Extension · Photos 298 2 ★ 8.27KiB

icon

Change Background Color Extension · Productivity 298 8 ★ 15.48KiB

icon

Random Algorithm Topics Extension · Developer Tools 298 12 ★ 653KiB

icon

Customizable Page Background Extension · Fun 298 2 ★ 33.31KiB

icon

FAP Beautifier Extension · Productivity 298 120 ★ 5.34MiB

icon

YouTube Quick Search Extension · Productivity 298 7 ★ 13.77KiB

icon

QR Code (Generator and Reader) Extension · Developer Tools 298 161 ★ 731KiB

icon

J2TEAM Security Extension · Productivity 298 22479 ★ 560KiB

icon

Translate Man Plus Extension · Productivity 298 86 ★ 263KiB

icon

ChongLuaDao Extension · Accessibility 298 209 ★ 216KiB

icon

Styled Background Extension · Productivity 298 5 ★ 650KiB

icon

MonokaiToolkit Extension Extension · Productivity 298 110 ★ 3.02MiB

icon

CoolStyles - Create Theme for any website Extension · Accessibility 298 256 ★ 139KiB

icon

Tool Đăng ký học phần UIT Extension · Developer Tools 298 6 ★ 30.03KiB

icon

Facebook™ all in one Extension · Productivity 298 389 ★ 88.51KiB

icon

Từ điển Anh Việt ENVI Extension · Productivity 298 12 ★ 7.71MiB

icon

Background changer Extension · Productivity 298 11 ★ 977KiB

icon

Colors for Websites | Color Changer Extension · Developer Tools 298 2 ★ 652KiB

icon

Change Background, set custom wallpaper Extension · Accessibility 298 15 ★ 30.06KiB

icon

GPT Breeze - AI shortcuts on your current tab Extension · Productivity 298 35 ★ 5.94MiB