Introduction to Greasemonkey

Want to change up something you don't like about a web page? Now you can by injecting some JavaScript from your browser! In this video, we walk through a simple, beginner-friendly example from start to finish, and learn how to work the simplest aspects of the addon!

Download Tampermonkey (for Chrome users):

= 0612 TV =
0612 TV is your one stop for general geekery! Learn about a variety of technology-related subjects, including Photography, General Computing, Audio/Video Production and Image Manipulation! Enjoy your stay, and don't hesitate to drop me a comment or a personal message to my inbox =) If you like my work, don't forget to subscribe!

-----

Disclaimer: Please note that any information is provided on this channel in good faith, but I cannot guarantee 100% accuracy / correctness on all content. Contributors to this channel are not to be held responsible for any possible outcomes from your use of the information.

[ExaoSS]

Man if you know how much I hate commenting on youtube... But this tutorial made me go through the hustle of using incognito window and signing in to say thank you very much indeed sir!. I was trying to find a clear introduction to greasemoneky and you saved a lot of time. I hope you build on this since no one seems to care enough to do step by step tutorial .

[zyptoskid]

This is very very VERY well-explained. You go over the fundamentals well and without dragging things instead of saying "click this and do that".
Thank you so much. You're a talented teacher.

I've been wanting to start with js but always felt like it's a mess compared to the stuff I usually work with (Haskell and co.). I always preferred transpilation than to get my hands dirty (greasy?) with it. You've just given me a thread end.

[richardillner]

Excellent! Very clear and understandable explanation about how to begin with Greasemonkey

[Box-of-hats]

Some really cool stuff here. I've never been interested in javascript before but I think I'll look more into it now. Thanks for the great tutorial

[deswpNET]

You can also use article") to select elements using the CSS selector syntax. It's my go-to method of selecting elements after getElementById().

For styling only I'd highly suggest the Stylish Add-On. It allows to inject CSS specifically into the page. The userstyle will be loaded at the start of the page and is faster. Userscripts normally are loaded after the initial HTML has been loaded.

I'd like to point out that when using jQuery, it's best to use the version the website provides. It's possible to require a certain jQuery version (or any .js file really) even if the page already has jQuery by default. That can lead to conflicts and your userscript might not work properly.

[RichAtVNS]

I just want tosay, this an absolutely great video, I been using imacros for years, done alot of .net, some javascript, jquery and scrapped pages. had I known this was so easy I would have used greasemonkey 10 years You laid it out perfectly... of course 10 years ago the firefly wasn't built into mozilla it was an add on...

But I really appreciate the concise examples, bullet points, closeups of what you were typing and the exact info!!!!

[DustinMemoli]

Like 9000.
This is so powerful and has so much potential.
Thank you!

[WaschyNumber]

Hello
Is it difficult to do a script for transforming a webside in a printer friendly document, or transform it in a png format for downloading without spacing problems for ptinting ect. 🤔?

[peter_castle]

great video, a lot of learning especially for newbies to web dev like me!

[sc.]

Very useful intro. Thank you.


Is it possible to do finding on site A and changing on site B?
I want to make a report copying data from site A, B and C and gather them on site D? If tampermonkey cannot do that, is there any other way to do it?

[jezdue]

i need help when you install a script and there are bunch of codes where did they get that what is that means?

[best_protein_dz]

please i need your help for make a script for disable security key for a website of appoitments

[fUjiMaNia]

Great video. Can greasemonkey be used to find&replace images displayed on a live website in realtime? say I'm looking at a map with cars being displayed as small .PNG files and I would like to replace .PNG with my own set of images.

[daxx]

A really good demonstration. I appreciate your help.

[lowyaknow]

Can you make a video on how to do a copy button with Greasemonkey?

[crucru]

'A Greasemonkey' is an English term for someone who tinkers in their garage with cars or motorbikes and as such always has grease on their hands and clothes etc.

[keyurwaghela]

Awesome explanation keep it up sir make more videos like this
We like this type is interesting topic
I haven't learned java but I understood correctly about this topic because of your easy explanation

[Athena]

Using your example in the video, how could I add a new box?

[kckel]

...erm...I think 'idx' is a misnomer; wouldn't 'offset' be more acciurate? 'idx' usually means 'from 1 to N'....

[abdulaleemsial]

Could you tell me how can I permently save a change when ever I refresh a page from any pc