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
На этой странице сайта вы можете посмотреть видео онлайн How to Create a Chrome Extension - JavaScript Tutorial длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь EvilTester - Software Testing 24 Февраль 2019, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 41,287 раз и оно понравилось 624 зрителям. Приятного просмотра!