Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

755: Chrome Extensions and Ad Blockers VS Google with Oliver Dunk

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

We were wrong, Manifest V3 is a big deal. Scott and Wes sit down with Oliver Dunk from Google to dive into the intricate world of Chrome Extensions development. From dissecting Manifest V3 to exploring the evolving landscape of browser security and extension reviews, this conversation covers the present and future of browser customization. <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:00">00:00</a> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=00:32">00:32</a> Who is Oliver Dunk?</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=02:00">02:00</a> Brought to you by <a href="www.sentry.io/syntax">Sentry</a>.</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=03:17">03:17</a> Manifest V3.</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=08:59">08:59</a> How many rules can you add?</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=09:56">09:56</a> What even is a rule?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=10:52">10:52</a> Is Google trying to kill ad blockers?</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=13:56">13:56</a> What are the bad guys doing with Chrome extensions?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=15:17">15:17</a> Can a browser extension access HTTP-only cookies?</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=16:06">16:06</a> Is Chrome reviewing all of these extensions?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=19:06">19:06</a> Is there a way to side-step Google’s review process?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href= "https://www.reddit.com/r/uBlockOrigin/comments/17as8o8/the_real_threat_of_manifest_v3/"> Reddit Thread, The real threat of Manifest V3</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=20:32">20:32</a> Do you see the negative chatter?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=21:18">21:18</a> Service workers - how do do you access the DOM?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=23:32">23:32</a> Do you think we’ll see more DOM APIs in service workers?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=25:58">25:58</a> Do you have a favorite Chrome extension?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=28:33">28:33</a> Has Google ever explored something comparable to Boost?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href= "https://developer.chrome.com/docs/extensions/reference/api/sidePanel"> SidePanel</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=33:09">33:09</a> Let’s talk about the development stack.</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=35:54">35:54</a> 1Password and Chrome.</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=38:39">38:39</a> What is the best way to debug an extension?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://www.youtube.com/watch?v=Ta-YTDhiBIQ">YouTube Chrome for Developers</a></li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="#t=40:33">40:33</a> Manifest V3 and the web request blocking API.</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="#t=41:57">41:57</a> Known tracking payloads.</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="#t=44:04">44:04</a> Do you think there is a path forward that makes ad-block developers happy?</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="#t=44:45">44:45</a> Do you run an ad blocker?</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="#t=45:20">45:20</a> Whitelisting and opt-ins.</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="#t=46:38">46:38</a> What’s your tech setup?</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="#t=47:18">47:18</a> What do you do to stay up to date?</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="#t=47:51">47:51</a> Sick Picks + Shameless Plugs.</li> <li class="has-line-data" data-line-start="34" data-line-end="36"> <a href="#t=51:47">51:47</a> Wait, is Safari adopting V3 as well?</li> </ul> <h3 class="code-line" data-line-start="36" data-line-end="37"> <a id="Sick_Picks_36"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="38" data-line-end="40"> Oliver: <a href="https://www.youtube.com/@Defunctland">Defunctland YouTube</a>, <a href="https://www.youtube.com/@LEMMiNO">LEMMiNO YouTube</a></li> </ul> <h3 class="code-line" data-line-start="40" data-line-end="41"> <a id="Shameless_Plugs_40"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="42" data-line-end="44"> Oliver: <a href= "https://developer.chrome.com/docs/extensions/get-started">Chrome Extensions Getting Started</a>, <a href= "https://play.web-extensions.dev/">WebExtension Playground</a></li> </ul> <h3 class="code-line" data-line-start="44" data-line-end="45"> <a id="Hit_us_up_on_Socials_44"></a>Hit us up on Socials!</h3> Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott:<a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a>

We were wrong, Manifest V3 is a big deal. Scott and Wes sit down with Oliver Dunk from Google to dive into the intricate world of Chrome Extensions development. From dissecting Manifest V3 to exploring the evolving landscape of browser security and extension reviews, this conversation covers the present and future of browser customization.
 Show Notes  00:00 Welcome to Syntax!
 00:32 Who is Oliver Dunk?
 02:00 Brought to you by Sentry.
 03:17 Manifest V3.
 08:59 How many rules can you add?
 09:56 What even is a rule?
 10:52 Is Google trying to kill ad blockers?
 13:56 What are the bad guys doing with Chrome extensions?
 15:17 Can a browser extension access HTTP-only cookies?
 16:06 Is Chrome reviewing all of these extensions?
 19:06 Is there a way to side-step Google’s review process?
  Reddit Thread, The real threat of Manifest V3

 20:32 Do you see the negative chatter?
 21:18 Service workers - how do do you access the DOM?
 23:32 Do you think we’ll see more DOM APIs in service workers?
 25:58 Do you have a favorite Chrome extension?
 28:33 Has Google ever explored something comparable to Boost?
  SidePanel

 33:09 Let’s talk about the development stack.
 35:54 1Password and Chrome.
 38:39 What is the best way to debug an extension?
 YouTube Chrome for Developers

 40:33 Manifest V3 and the web request blocking API.
 41:57 Known tracking payloads.
 44:04 Do you think there is a path forward that makes ad-block developers happy?
 44:45 Do you run an ad blocker?
 45:20 Whitelisting and opt-ins.
 46:38 What’s your tech setup?
 47:18 What do you do to stay up to date?
 47:51 Sick Picks + Shameless Plugs.
 51:47 Wait, is Safari adopting V3 as well?
  Sick Picks  Oliver: Defunctland YouTube, LEMMiNO YouTube

  Shameless Plugs  Oliver: Chrome Extensions Getting Started, WebExtension Playground

  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott:X Instagram Tiktok LinkedIn Threads
 Randy: X Instagram YouTube Threads

Aplikace Youradio Talk

755: Chrome Extensions and Ad Blockers VS Google with Oliver Dunk

Poslechněte si podcast