--- title: Polypane 30: Playgrounds, Side Panel extension API,... description: Polypane 30 ships on Chromium 152 and introduces Playgrounds, letting developers open any local directory as a real HTTPS URL with live reloading, SPA... canonical: https://daily.dev/posts/polypane-30-playgrounds-side-panel-extension-api-updated-video-recording-and-chromium-152-cuj2wsicc twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Polypane 30: Playgrounds, Side Panel extension API, updated video recording and Chromium 152 | daily.dev og:description: Polypane 30 ships on Chromium 152 and introduces Playgrounds, letting developers open any local directory as a real HTTPS URL with live reloading, SPA... og:url: https://daily.dev/posts/polypane-30-playgrounds-side-panel-extension-api-updated-video-recording-and-chromium-152-cuj2wsicc og:image: https://api.daily.dev/og/posts/cUj2WSicC.png og:image:alt: Polypane 30: Playgrounds, Side Panel extension API, updated video recording and Chromium 152 og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Polypane 30: Playgrounds, Side Panel extension API, updated video recording and Chromium 152 **[Polypane](https://daily.dev/sources/polypane)** · 26 min read · 2 upvotes · 1 comments ## Summary Polypane 30 ships on Chromium 152 and introduces Playgrounds, letting developers open any local directory as a real HTTPS URL with live reloading, SPA fallback, directory listings, and Portal sharing across devices. The release also adds Side Panel and tabCapture extension API support, a rewritten video recording engine with sound and lower memory use, and major Network panel upgrades (per-origin/all-request toggle, filtering, initiator highlighting). Elements, Console, Outline, Meta, and Peek panels get numerous accessibility, CSS, and usability improvements, plus new emulation features like text-scale and svh overlays, new device previews, project-specific default tabs, and text-selection syncing across panes and Portal-connected browsers. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### What is Polypane Playgrounds and how does it let me test a local site over HTTPS? Playgrounds is a Polypane 30 feature that lets you select any local directory and open it as a real URL over HTTPS, giving access to security-restricted APIs, cookies, and localStorage without setting up a local server, managing ports, or dealing with self-signed certificates. It supports live reloading, SPA fallback for client-side routing, directory listings, and syncing via Polypane Portal to other browsers and devices. _daily.dev surfaces browser tooling updates like this for developers testing sites locally._ ### What browser engine version does Polypane 30 use? Polypane 30 is built on Chromium 152, which brings the underlying rendering engine, DevTools protocol support, and experimental web platform features available in that Chromium release to the browser's multi-viewport testing environment. _Developers tracking Chromium version bumps across browsers can follow releases like this on daily.dev._ ### How do I test the new CSS text-scale meta tag for OS-level font scaling? Set the meta tag name="text-scale" content="scale" to opt in to OS-level text scaling, so a 200% OS text scale setting (like on Android) makes the site's default 16px font render at 32px instead of staying fixed; the default "legacy" value ignores OS scaling. Polypane 30's emulation panel lets you test this by adjusting OS text scale from 100% to between 85% and 200%. _daily.dev helps accessibility-minded developers keep up with new CSS scaling features like this one._ ## Community discussion Top comments from developers on daily.dev. **@pdfopsdev** · 0 upvotes > local dir over real https without touching mkcert or nginx configs is the actual killer feature here. webhook and oauth callback testing is where self signed certs cause the most pain, glad someone's finally solving that instead of another devtools panel. ## Similar posts on daily.dev - [Polypane 31: Canvas layout, elements panel improvements and Chromium 155](https://daily.dev/posts/polypane-31-canvas-layout-elements-panel-improvements-and-chromium-155-i9jssc2ef) · Polypane · 4 upvotes · 0 comments - [Polypane 30.1: Selector specificity insights, server HTML validation, and more](https://daily.dev/posts/polypane-30-1-selector-specificity-insights-server-html-validation-and-more-3ctifs0tm) · Polypane · 1 upvotes · 0 comments --- Tags: [#ui-design](https://daily.dev/tags/ui-design), [#accessibility](https://daily.dev/tags/accessibility), [#chromium](https://daily.dev/tags/chromium), [#polypane](https://daily.dev/tags/polypane) [View this post on daily.dev](https://daily.dev/posts/polypane-30-playgrounds-side-panel-extension-api-updated-video-recording-and-chromium-152-cuj2wsicc) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Polypane 30: Playgrounds, Side Panel extension API, updated video recording and Chromium 152","url":"https://daily.dev/posts/polypane-30-playgrounds-side-panel-extension-api-updated-video-recording-and-chromium-152-cuj2wsicc","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/polypane-30-playgrounds-side-panel-extension-api-updated-video-recording-and-chromium-152-cuj2wsicc"},"datePublished":"2026-08-19T12:42:29.689Z","dateModified":"2026-09-14T09:02:06.436Z","description":"Polypane 30 ships on Chromium 152 and introduces Playgrounds, letting developers open any local directory as a real HTTPS URL with live reloading, SPA...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/54650a7881b16c9cb02f4df317de6229?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/54650a7881b16c9cb02f4df317de6229?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Polypane","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Polypane","logo":"https://media.daily.dev/image/upload/s--KIZm_n0x--/f_auto,q_auto/v1782646521/logos/polypane?_a=BAMAMicg0","url":"https://daily.dev/sources/polypane"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/polypane-30-playgrounds-side-panel-extension-api-updated-video-recording-and-chromium-152-cuj2wsicc","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"ui-design,accessibility,chromium,polypane","timeRequired":"PT26M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Polypane","item":"https://daily.dev/sources/polypane"},{"@type":"ListItem","position":3,"name":"Polypane 30: Playgrounds, Side Panel extension API, updated video recording and Chromium 152"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/polypane-30-playgrounds-side-panel-extension-api-updated-video-recording-and-chromium-152-cuj2wsicc","comment":[{"@type":"Comment","text":"local dir over real https without touching mkcert or nginx configs is the actual killer feature here. webhook and oauth callback testing is where self signed certs cause the most pain, glad someone’s finally solving that instead of another devtools panel.","datePublished":"2026-08-20T18:08:19.387Z","url":"https://daily.dev/posts/cUj2WSicC#c-Dl6iOMwbw","author":{"@type":"Person","name":"PDFops","url":"https://daily.dev/pdfopsdev","image":"https://media.daily.dev/image/upload/s---8isRBKc--/f_auto/v1782922291/avatars/avatar_orjMeK8QKaaVZwGq7ScPz?_a=BAMAMicg0"}}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/polypane-30-playgrounds-side-panel-extension-api-updated-video-recording-and-chromium-152-cuj2wsicc#faq","mainEntity":[{"@type":"Question","name":"What is Polypane Playgrounds and how does it let me test a local site over HTTPS?","acceptedAnswer":{"@type":"Answer","text":"Playgrounds is a Polypane 30 feature that lets you select any local directory and open it as a real URL over HTTPS, giving access to security-restricted APIs, cookies, and localStorage without setting up a local server, managing ports, or dealing with self-signed certificates. It supports live reloading, SPA fallback for client-side routing, directory listings, and syncing via Polypane Portal to other browsers and devices. daily.dev surfaces browser tooling updates like this for developers testing sites locally."}},{"@type":"Question","name":"What browser engine version does Polypane 30 use?","acceptedAnswer":{"@type":"Answer","text":"Polypane 30 is built on Chromium 152, which brings the underlying rendering engine, DevTools protocol support, and experimental web platform features available in that Chromium release to the browser's multi-viewport testing environment. Developers tracking Chromium version bumps across browsers can follow releases like this on daily.dev."}},{"@type":"Question","name":"How do I test the new CSS text-scale meta tag for OS-level font scaling?","acceptedAnswer":{"@type":"Answer","text":"Set the meta tag name=\"text-scale\" content=\"scale\" to opt in to OS-level text scaling, so a 200% OS text scale setting (like on Android) makes the site's default 16px font render at 32px instead of staying fixed; the default \"legacy\" value ignores OS scaling. Polypane 30's emulation panel lets you test this by adjusting OS text scale from 100% to between 85% and 200%. daily.dev helps accessibility-minded developers keep up with new CSS scaling features like this one."}}]} ```