Plasmo Blog
Web Accessible Resources vs index.d.ts: Understanding the Difference in Browser Extension Development
A practical guide to choosing between Web Accessible Resources and TypeScript declaration files for your browser extension projects Read more
Browser Extension Development: The Power of blur() + focus() - Refreshing Rich Text Editor State
Sharing practical experience with using blur() and focus() to force refresh editor state in Xiaohongshu automation Read more
Plasmo Style Import Deep Dive: Mastering data-text for Content Script UI
Sharing my experience with Plasmo's style import mechanisms - understanding the differences between data-text and regular imports for optimal browser extension development Read more
Plasmo Content Script Independent Configuration Mechanism Explained
Deep dive into how each content script in Plasmo framework implements independent PlasmoCSConfig configurations to avoid conflicts Read more
Plasmo CSUI Lifecycle in Action: Simplifying Content Script UI Management
Sharing my experience with Plasmo's content script UI lifecycle system - a deep dive into automated mounting and unmounting through Q&A format Read more
Plasmo Messaging in Action: Making Browser Extension Components Talk Easily
Sharing my practical experience with Plasmo's messaging system - how to achieve secure and efficient message passing between different extension components Read more
Main World in Action: Making Chrome Extensions Talk Directly to Web Pages
Sharing my experience using main world scripts in Chrome extension development - how to break out of the isolated environment and directly manipulate webpage globals Read more
MutationObserver in Action: Smart DOM Monitoring for Browser Extensions
Sharing my practical experience with MutationObserver in Chrome extension development, teaching you how to elegantly handle dynamic content loading challenges Read more
Plasmo + Next.js 15 Prompt Suite: Boost Browser Extension Development Efficiency
A carefully designed prompt suite to help developers quickly build browser extensions based on Plasmo framework and Next.js 15, covering project scaffolding, component development, testing, and security auditing. Read more
Browser Extension Click Simulation Guide: click() vs simulateRealClick
Practical guide on choosing and using click simulation methods in browser extension development, with solutions for modern frontend framework compatibility Read more
Mastering Chrome Tabs API: A Practical Guide for Extension Development
Comprehensive guide on using chrome.tabs API in browser extension development, covering both Plasmo framework and native MV3 architecture with best practices. Read more
Browser Extension Development: Are Multiple waitForAnyElement Calls Really Necessary?
Sharing practical experience with multiple waitForAnyElement calls in Weibo auto-fill functionality, explaining why seemingly repetitive calls serve different purposes Read more
Plasmo Content Script UI Injection Practical Guide
Deep dive into the with-content-scripts-ui example project, mastering the implementation principles and best practices of four React UI injection patterns Read more
Browser Extension Development: XPath vs querySelector - Element Selection Guide
Practical experience with locating 'Post Idea' buttons on Zhihu, comparing XPath and querySelector selection techniques and use cases Read more