How to Create a Chrome Extension - JavaScript Tutorial

Publié le: 24 février 2019
sur la chaîne: EvilTester - Software Testing
41,287
624

In this video I convert a simple JavaScript script that I have been running from Snippets and the Console into an Extension that allows me to right click on the page and insert data into a field.

Previous video in this series:

   • JavaScript Tutorial Creating a Counte...  

JavaScript Tutorial Creating a CounterString tool in Chrome Browser Dev Tools Snippets


You will learn:

- how to convert existing javascript code into a Chrome Extension
- the basic structure of an extension, manifest.json, background script and content scripts
- permissions in extensions: contextMenus, activeTab
- how to create context menus for extensions
- how to change where context menus are displayed: contexts, editable
- why to use a persistent background script
- how to dynamically inject content scripts into a page using executescript
- how to use listeners with context menus

The source code is on github:

https://github.com/eviltester/counter...

---
You can support me on Patreon   / eviltester   (watch my videos ad free and receive extra content)

Find my online books and training (some are free) at:

- https://compendiumdev.co.uk
- http://eviltester.com


Sur cette page du site, vous pouvez voir la vidéo en ligne How to Create a Chrome Extension - JavaScript Tutorial durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur EvilTester - Software Testing 24 février 2019, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 41,287 fois et il a aimé 624 téléspectateurs. Bon visionnage!