CRX id
mdhellggnoabbnnchkeniomkpghbekko
mdhellggnoabbnnchkeniomkpghbekko
Description from extension meta
Inject HTML, CSS or JavaScript into any web-page. The changes you make are applied everytime you visit the specified website(s).
Image from store
Description from store
๐๐ฎ๐ฌ๐ญ๐จ๐ฆ๐ข๐ณ๐ ๐๐ฅ๐ฆ๐จ๐ฌ๐ญ ๐๐ง๐ฒ ๐ฐ๐๐-๐ฉ๐๐ ๐ ๐๐ฒ ๐ข๐ง๐ฃ๐๐๐ญ๐ข๐ง๐ ๐๐ฎ๐ฌ๐ญ๐จ๐ฆ ๐๐๐๐, ๐๐๐, ๐จ๐ซ ๐๐๐ฏ๐๐๐๐ซ๐ข๐ฉ๐ญ.
๐๐๐ฏ๐ ๐ญ๐ก๐ ๐๐ก๐๐ง๐ ๐๐ฌ ๐ฒ๐จ๐ฎ ๐ฆ๐๐ค๐ ๐๐ ๐ฌ๐๐ฏ๐๐ ๐๐ง๐ ๐๐ฉ๐ฉ๐ฅ๐ข๐๐ ๐๐ฏ๐๐ซ๐ฒ ๐ญ๐ข๐ฆ๐ ๐ฒ๐จ๐ฎ ๐ฏ๐ข๐ฌ๐ข๐ญ ๐ญ๐ก๐ ๐ฌ๐ฉ๐๐๐ข๐๐ข๐๐ ๐ฐ๐๐๐ฌ๐ข๐ญ๐๐ฌ.
๐๐๐ญ๐ญ๐๐ซ ๐ญ๐ก๐๐ง '๐ข๐ง๐ฌ๐ฉ๐๐๐ญ ๐๐ฅ๐๐ฆ๐๐ง๐ญ' ๐๐๐๐๐ฎ๐ฌ๐ ๐๐ก๐๐ง๐ ๐๐ฌ ๐ฐ๐ข๐ฅ๐ฅ ๐ฌ๐ญ๐๐ฒ ๐๐๐ญ๐๐ซ ๐ซ๐๐ฅ๐จ๐๐๐ข๐ง๐ .
Functionalities:
- Automatically inject custom HTML, CSS, and/or JavaScript into the pages you specify.
- Run custom CSS before the page is fully loaded so you won't see the original page first.
- Inject JavaScript on the go.
- Add/Remove/Change the HTML and CSS on the go.
- Right click on any element on a page to get the full CSS path.
- Automatically saves the changes you make.
ย ย - Files that contain less than 8000 characters are synced across your Google account.
ย ย - Files that contain 8000 or more characters are stored locally.
Fun use cases:
- Cheat simple games like the T. rex game.
- Make your own dark-theme for any website.
- Test a website you're working on.
- Whatever you can imagine, be creative ;)
How to use:
- Simple, First open the extension.
- Choose 'JavaScript', 'CSS' or 'HTML'.
- Create a new file by pressing 'new'.
- Write your own code or get some from the examples here: https://github.com/Ruud14/Page-Manipulator/tree/master/examples
- Press the 'manipulate' button to test your code.
- To make sure your code is run every time you visit a specific page do the following:
ย ย - Put the URLs of the websites in the 'active websites' input.
ย ย - Check the 'active' checkbox.
- Button functionalities:
ย ย - The 'Reload' Button:
ย ย ย ย - Will Reload the current page.
ย ย - The 'Active' checkbox:
ย ย ย ย - on > The code will be run automatically on the pages specified in the 'Active websites' textarea.
ย ย ย ย - off > The code will only run when you press the 'Manipulate' button.
ย ย - The 'Active Websites' textarea:
ย ย ย ย - You can specify the websites you want your code to run on here.
ย ย - The 'Matching Pages' dropdown:
ย ย ย ย - 'Exact' > The code will only run when the URL of the page is exactly the same as one of the URLs in the 'Active Websites' textarea. (Including slashes at the end!)
ย ย ย ย -ย 'Recursive' > The code will also run on all sub-pages of the specified URLs in the 'Active Websites'.
ย ย - The 'Position on page' dropdown (only with HTML):
ย ย ย ย - 'Top' > The HTML will be added to the top of the page.
ย ย ย ย - 'Bottom' > The HTML will be added to the bottom of the page.
ย ย ย ย - 'Replace' > The HTML will replace the entire body HTML of the page.
ย ย - The 'Manipulate' or 'Update Manip.' button:
ย ย ย ย - Injects the code into the page or updates the injection.
ย ย ย ย - **This button also works when the 'Active' checkbox is unchecked.**
ย ย - The 'Remove Manip.' Button:
ย ย ย ย - Removes the manipulation from the page.
- If the "Auto โณ" checkbox is checked, the page will automatically reload after pressing the 'Remove Manip.' button. The 'active' checkbox will also be unchecked.
ย ย - The 'Delete' button:
ย ย ย ย - Deletes the current file from the storage.
- You can right-click any element on a page to get the CSS path of that element.
It doesn't work, what now?:
- If the extension button in the top right corner is greyed-out, you can't use it on that page.
- Make sure the 'active' checkbox is checked. And the 'active websites' input contains the correct URLs.
- For JavaScript:
ย ย - Make sure your code is run at the right moment. Maybe try adding a delay.
ย ย - Check the browser console for error messages.ย
- For CSS:
ย ย - Make sure you are manipulating the right element by using "inspect element".
ย ย - Try using '!important'.
- For HTML:
ย ย - Make sure you haven't accidentally set the 'position' dropdown to the wrong position.
- Removing and updating JavaScript manipulations might not work the way you expect it to. Removing your JavaScript manipulation from a page only removes the <script> element, so dynamic changes made to the page will stay there even when you remove the manipulation. To completely remove everything the manipulation did, you must reload the page.
This extension works on most sites, but there are some exceptions!
If you'd like to see any specific improvements or found any bugs, let me know here: https://github.com/Ruud14/Page-Manipulator/issues
The editor I used since release v0.2.0-alpha is Ace editor.
Check it out here: https://ace.c9.io/
Latest reviews
- (2022-06-01) Roman Boychuk: Cool extension! I Was able to add links on the page based on page content Many thanks
- (2022-03-28) kutuFlex48: on every page it says cant bee manipulated
- (2021-10-21) Maddox Bouldin: It looked really useful but every website I go to says "this website can't be manipulated"
- (2021-08-23) Droneyโs: This is the best extention on the chrome web store
- (2021-06-03) Michael Barr: Amazing.
- (2021-03-30) Zac: The extension was the only one to work for my intent out of many similar extensions. Had only one issue with the extension but this doesn't affect usage that much, I would to to ask the developer is it possible to allow more lines of code to be written. I reached 275 lines in a CSS project and anything pass that point just disappears (doesn't save although it says it saved), I am understanding if this is not possible because of it syncing to Google account etc. but if it can be done please do so because this is a great product.
- (2021-03-26) John Sullivan: just what I wanted. you can edit the webpage however you want and after you saved the changes, your changes will be applied everytime you enter to the editted webpage
- (2021-03-24) Dust 2 Dust: Works great.
- (2021-02-05) BRY402: I like it and it's really useful, but whenever I click "Remove manip", it refreshes the page and I lose all my progress, please add a checkbox that, when unchecked, does not update the page
- (2020-12-21) artur artur: I like this one very much, but sometimes when you need to edit smth, and you click on the icon to open the extension, it does not open, and instead it disappears, and you get nothing and have to click again and again abot 50 times to reach the extension work again
- (2020-09-29) 1992: Does not manipulate when refreshed
- (2020-08-23) gabriel ray: works great for me i think this should have more users and im i got page to barcode scanner option im going sent the barcode to people on facebook twitter all social mediaso people find out about this great app i love this extension so much thanks keep up good work if you make other exstenions let me know thanks
- (2019-07-08) Ruud B: Great !
Latest issues
- (2021-12-20, v:0.5.1) Ricky Transfield: Inject HTML into a tag
Hello! I was wondering, can I inject html directly into a tag? I'm trying to put onclick="myFunction()" inside of a <span> tag. - (2021-01-08, v:0.3.0) Demite: Page Manipulator is 'Off'
When you try and open Page Manipulator it automatically closes and has 'Off' displayed on it. On clicking on the extension, options are greyed out.