How to access the DOM in Manifest Version 3 with Offscreen Documents - Chrome Extensions
Raising funding for your extension startup? 👉 https://links.rustyextensions.com/extension-pitch
https://rustyextensions.com/academy Preorder the Browser Extension Academy today!
Hey! In this video we take a look at how to access the DOM using an Offscreen Document in manifest version 3. Previously you could use a background page to work with the DOM in manifest version 2 but since v3 was released this was not possible, offscreen documents are coming soon to bring extra functionality back into extensions & MV3.
RELATED LINKS:
- Github Repo Link: https://github.com/rustyzone/offscreen-doc-mv3
- Browser Extension Academy: https://rustyextensions.com/academy
- Extension Jobs: https://rustyextensions.com/jobs
- Known MV3 Issues: https://developer.chrome.com/docs/extensions/mv3/known-issues/#offscreen-documents-api
TIMESTAMPS:
0:00 Intro
1:00 MV3 Known Issues
1:30 Example Extension
2:50 Code
8:05 Browser Extension Academy
9:07 Extension Jobs
VIDEO SUGGESTIONS?
Send in your video suggestions here: https://airtable.com/shr6AJMWjCpcl3Jhm
** Get a free trial of Skillshare Premium Membership - https://www.skillshare.com/r/user/rus... **
FIND ME ONLINE:
📨 Sign up to my email newsletter - https://rustyzone.substack.com
🌍 My website / blog - https://russellr.co.uk
🐦 Twitter - https://twitter.com/russellbarnard
📺 Subscribe - https://www.youtube.com/channel/UC-h4Q0_5zTX66AxJucRmxRQ?sub_confirmation=1
Видео How to access the DOM in Manifest Version 3 with Offscreen Documents - Chrome Extensions канала Rusty Zone
https://rustyextensions.com/academy Preorder the Browser Extension Academy today!
Hey! In this video we take a look at how to access the DOM using an Offscreen Document in manifest version 3. Previously you could use a background page to work with the DOM in manifest version 2 but since v3 was released this was not possible, offscreen documents are coming soon to bring extra functionality back into extensions & MV3.
RELATED LINKS:
- Github Repo Link: https://github.com/rustyzone/offscreen-doc-mv3
- Browser Extension Academy: https://rustyextensions.com/academy
- Extension Jobs: https://rustyextensions.com/jobs
- Known MV3 Issues: https://developer.chrome.com/docs/extensions/mv3/known-issues/#offscreen-documents-api
TIMESTAMPS:
0:00 Intro
1:00 MV3 Known Issues
1:30 Example Extension
2:50 Code
8:05 Browser Extension Academy
9:07 Extension Jobs
VIDEO SUGGESTIONS?
Send in your video suggestions here: https://airtable.com/shr6AJMWjCpcl3Jhm
** Get a free trial of Skillshare Premium Membership - https://www.skillshare.com/r/user/rus... **
FIND ME ONLINE:
📨 Sign up to my email newsletter - https://rustyzone.substack.com
🌍 My website / blog - https://russellr.co.uk
🐦 Twitter - https://twitter.com/russellbarnard
📺 Subscribe - https://www.youtube.com/channel/UC-h4Q0_5zTX66AxJucRmxRQ?sub_confirmation=1
Видео How to access the DOM in Manifest Version 3 with Offscreen Documents - Chrome Extensions канала Rusty Zone
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![How to use the NEW User Scripts API - Chrome Extensions](https://i.ytimg.com/vi/G_cux6-OO-A/default.jpg)
![Creating a Chrome Extension to add Controls to Instagram Reels & Videos](https://i.ytimg.com/vi/NbR7NytKjLM/default.jpg)
![How to use new Side Panel in Chrome - Chrome Extensions](https://i.ytimg.com/vi/YexM6uvwG-Q/default.jpg)
![End to End Testing for a Chrome Extension 🤖 #shorts](https://i.ytimg.com/vi/tPErj-e4yOE/default.jpg)
![💰 How to make money from a Chrome Extension - ExtensionPay](https://i.ytimg.com/vi/sxzd15N6QEM/default.jpg)
![Migrating a Coupon Chrome Extension to Manifest Version 3 - Firebase v9 - Rollup Plugin](https://i.ytimg.com/vi/aARbTtYE2JE/default.jpg)
![FREE COURSE - Build Coupon Chrome Extension Like Honey (MV2)](https://i.ytimg.com/vi/lKkpdXMJASc/default.jpg)
![How to set your Chrome Extension Key - Consistent ID - Chrome Web Store](https://i.ytimg.com/vi/s1sAlN7D2hA/default.jpg)
![Migrating 4 simple Chrome Extensions from Manifest Version 2 to 3](https://i.ytimg.com/vi/PA_h67I-dgk/default.jpg)
![How to compare Browser Extension Web Store Rankings - Exploring Chrome-Stats.com](https://i.ytimg.com/vi/lZ5Wa9PVyAA/default.jpg)
![How to publish your extension to the Chrome Web Store on Commit - Plasmo Extension Framework](https://i.ytimg.com/vi/JKNOfysoPT0/default.jpg)
![How to create a bookmarks override page - Chrome Extension](https://i.ytimg.com/vi/eN_tMfGMD5E/default.jpg)
![How to avoid unwanted inherited CSS in a Chrome Extension - Content Script](https://i.ytimg.com/vi/bdYtOTx9MEM/default.jpg)
![End to End testing for a Chrome Extension - With Puppeteer Chromium](https://i.ytimg.com/vi/l6cZ6zs7dTg/default.jpg)
![How to use Tailwind with React Native](https://i.ytimg.com/vi/C-qRBYV7PfU/default.jpg)
![First impressions of the GitHub Copilot technical preview! 🤖](https://i.ytimg.com/vi/YA4mD_Pprfo/default.jpg)
![How to add GraphQL to Supabase with Hasura](https://i.ytimg.com/vi/FKM4qVJFSAs/default.jpg)
![How to upgrade to Firebase v9 - Rollup for Chrome Extension Quickstart](https://i.ytimg.com/vi/5FJ4fI3H3vk/default.jpg)
![Keyboard Shortcut Actions for Chrome Extensions - Quick Overview](https://i.ytimg.com/vi/RSkXUF7jzF8/default.jpg)
![How to preview Chrome Extension permission warnings](https://i.ytimg.com/vi/eUYrv7d5OTs/default.jpg)