Change-webpages-background

A grease monkey script to change webpages' background.

Description

Change webpages' background to the picture you choose. Press F2 to change background to the online picture, F7 to change background to the local picture, F4 to change the opacity of the foreground elements.

Installation

Create a new userscript in your grease monkey script manager and copy the text in 'Change_Webpages_Background.js' to it. Or you can install this script through Greasy Fork. You should input the origin url of image in the F2 popup menu. You can right click the image and click 'copy the image link' and then paste. Pressing F7 will pop up a file selection box, please select a file of image type as the background.

Known Problems

• Some online images may not be able to use as background because of the limitations of their servers, and some web pages may not display the background image properly because of cross-domain rules on their servers(such as github). Both problems can be solved by using local image as background.
• After zooming the page and change the image, you have to flush the page to make the background image fix the screen.

Pictures

Update 2020.5.22

Now the script will try to crop the background image to ensure that the picture resolution is correct first. And fix the bug that the picture cannot be updated in real time.

Update 2020.7.22

Now the script supports the local image.