WordPress Playground DevTools

DevTools panel for inspecting and editing WordPress Playground instances

WordPress Playground DevTools brings file browsing and editing capabilities to any WordPress Playground instance running in your browser. ## FEATURES • File Browser — Navigate the complete WordPress file system with an intuitive tree view • Code Editor — Edit PHP, JavaScript, CSS, and other files with syntax highlighting • Binary File Support — Preview images and download other binary files • Multi-instance Support — Switch between multiple Playground instances on the same page ## HOW TO USE 1. Open any page containing a WordPress Playground instance (e.g., playground.wordpress.net) 2. Open Chrome DevTools (F12 or right-click → Inspect) 3. Click on the "Playground" tab in DevTools 4. Browse and edit files directly in the Playground's virtual file system ## WHAT IS WORDPRESS PLAYGROUND? WordPress Playground lets you run WordPress entirely in your browser using WebAssembly. It's perfect for testing themes, plugins, and code snippets without setting up a server. Learn more at https://wordpress.org/playground This extension enhances the development experience by providing direct file system access through a familiar DevTools interface. ## OPEN SOURCE This extension is part of the WordPress Playground project and is fully open source. View the source code and contribute at: https://github.com/WordPress/wordpress-playground ## PRIVACY This extension activates on pages containing WordPress Playground instances. It does not collect any data, make external network requests, or access information outside of Playground instances.