Building Browser Extensions

Zusatztext

<p class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal;"><span lang="EN-US" style="font-size: 12.0pt; font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US;">This book is the definitive guide to building modern browser extensions, covering everything from fundamental concepts to advanced techniques.</span></p> <p class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal;"><span lang="EN-US" style="font-size: 12.0pt; font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US;">Developing a browser extension is more like building a mobile app than a traditional website. Extensions operate within a unique environment with their own security model, lifecycle, and APIs. This book demystifies the process, guiding you through every stage&mdash;from planning and development to publishing and maintaining your extension.</span></p> <p class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal;"><span lang="EN-US" style="font-size: 12.0pt; font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US;">You'll gain a deep understanding of how browser extensions function, their core architectural components, and best practices for structuring your code. The book also uncovers the nuances of extension development that many developers only discover through trial and error. By the end, you'll be equipped with the knowledge to confidently build, deploy, and scale a high-quality browser extension.</span></p> <p class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-outline-level: 3;"><strong><span lang="EN-US" style="font-size: 13.5pt; font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US;">You Will Learn: </span></strong></p> <ul type="disc"> <li class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;"><span lang="EN-US" style="font-size: 12.0pt; font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US;">The fundamental building blocks of browser extensions and how they interact with the browser</span></li> <li class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;"><span lang="EN-US" style="font-size: 12.0pt; font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US;">How to avoid common pitfalls that can lead to security vulnerabilities, performance issues, and rejections from extension marketplaces</span></li> <li class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;"><span lang="EN-US" style="font-size: 12.0pt; font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US;">To master the entire development lifecycle, from writing your first extension to publishing and maintaining it in the Chrome Web Store, Firefox Add-ons, and other repositories</span></li> <li class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;"><span lang="EN-US" style="font-size: 12.0pt; font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US;">How to build browser extensions using modern tools, languages, and frameworks</span></li> <li class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt;"><span lang="EN-US" style="font-size: 12.0pt; font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US;">Best practices for extension networking, authentication, storage, and management</span></li> </ul> <p class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-outline-level: 3;"><strong><span lang="EN-US" style="font-size: 13.5pt; font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US;">New for This Edition:</span></strong></p> <ul type="disc"> <li class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l1 level1 lfo2; tab-stops: list 36.0pt;"><span lang="EN-US" style="font-size: 12.0pt; font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US;">Coverage of the latest browser extension APIs, including the side panel, offscreen documents, user scripts, and vendor-specifc APIs like the Chrome Prompt API.</span></li> <li class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l1 level1 lfo2; tab-stops: list 36.0pt;"><span lang="EN-US" style="font-size: 12.0pt; font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US;">Hands-on tutorials for building real-world extensions, including monetization strategies, AI assistants, password managers, ad blockers, and DevTools integrations</span></li> <li class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-list: l1 level1 lfo2; tab-stops: list 36.0pt;"><span lang="EN-US" style="font-size: 12.0pt; font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US;">The latest tooling and frameworks for browser extension development, such as Vite, Extension.js, and WXT</span></li> </ul> <p class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal; mso-outline-level: 3;"><strong><span lang="EN-US" style="font-size: 13.5pt; font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US;">This Book Is For:</span></strong></p> <p class="MsoNormal" style="mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; line-height: normal;"><span lang="EN-US" style="font-size: 12.0pt; font-family: 'Times New Roman',serif; mso-fareast-font-family: 'Times New Roman'; mso-ansi-language: EN-US;">This book is ideal for developers looking to expand their expertise by building a browser extension&mdash;whether as a standalone product or as an extension to an existing web service. It&rsquo;s also a great resource for teams integrating extension-based functionality into their SaaS platforms. Readers should have at least a basic understanding of HTML, CSS, and JavaScript.</span></p>

Autorenportrait

<p><strong><span lang="EN-IN">Matt Frisbie</span></strong><span lang="EN-IN"> has worked in web development for over a decade and is the founder of his own supply chain software company and is a Google Developer Expert.</span></p> <p><span lang="EN-IN">As a Google software engineer, Matt worked on both the AdSense and Accelerated Mobile Pages (AMP) platforms; his code contributions run on most of the planet's web browsing devices. Prior to this, Matt was the first engineer at DoorDash, where he helped lay the foundation for a company that has become the leader in online food delivery.</span></p> <p><span lang="EN-IN">Matt is the author of six books, has recorded two video series and is a frequent guest on podcasts, and a speaker at conferences and meetups focusing on front-end development.</span></p> <p><span lang="EN-IN">Matt lives near Chicago with his family and two dopey dogs and can be reached at mattfriz.com </span></p>

Weitere Details