Making a Userscript - Setup and JavaScript Tutorial

Veröffentlicht am: 29 September 2020
auf dem Kanal: Jonah Lawrence • Dev Pro Tips

18,363

445

Use JavaScript to create Userscripts for saving time and customizing the web!

❤ Subscribe: http://bit.ly/SubscribeDPT

In this tutorial, I will show you how to setup the Tampermonkey extension for creating Userscripts and then I will walk through the process of creating a Userscript including the JavaScript programming.

The Userscript I make in this video is a script for xkcd.com to show the "alt-text" / title text of a comic underneath the image so that you don't have to hover over it to read the additional text.

View the code on Greasyfork: https://greasyfork.org/en/scripts/412...

What topics should I cover next?

Let me know in the comments what kinds of projects you want to see me make in my tutorials!

📺 In this video:
0:00 - Intro
0:21 - Installing Tampermonkey
1:05 - Creating a New Script
1:12 - Filling the Metadata
2:23 - Overview of the Problem
2:46 - JavaScript Coding
6:19 - Applying CSS styles
9:42 - Conclusion

📜 More About Userscripts
►    • Userscripts for Customization & Produ...

💻 More tutorials
►    • Tutorials

🙋‍♂️ Find me on other channels
Reddit 👽   / devprotips
Twitter ✍   / denvercoder1
Github 👨‍💻 https://github.com/DenverCoder1
Patreon 💞   / jonahlawrence
Buy me a coffee ☕ https://ko-fi.com/jlawrence

🎁 GET FREE STUFF WHILE SUPPORTING MY TUTORIALS
► https://bit.ly/jlawrencepromos

Auf dieser Seite können Sie das Online-Video Making a Userscript - Setup and JavaScript Tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Jonah Lawrence • Dev Pro Tips 29 September 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 18,363 Mal angesehen und es wurde von 445 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!