PageSourceSearch

https://exthub.dev/_nuxt/YNn1zO2V.js

js exthub.dev collected 2026-10-02 01:52:26 UTC 4,879 bytes, 1 lines download raw bytes

1import{_ as p,a as d}from"./CJcYNWuJ.js";import{e as m,u as h,c as u,b as n,o as g}from"./C1Mlh78Z.js";import"./DlAUqK2U.js";const t="DevPulse - Performance HUD for Developers",o="Real-time performance overlay for web developers. Monitor FPS, DOM nodes, memory, long tasks, and Core Web Vitals - right on the page.",f="https://chromewebstore.google.com/detail/devpulse/bmbloihfnfclfohdbbapheglhhpbbagp",P={__name:"index",setup(b){const s=[{icon:"i-lucide-gauge",title:"Real-Time FPS & DOM",description:"Monitor frames per second and DOM node count with live sparkline history. Color-coded thresholds highlight performance issues instantly."},{icon:"i-lucide-memory-stick",title:"Memory & Long Tasks",description:"Track JS heap memory usage and detect long tasks blocking the main thread. A live badge shows recent long task activity."},{icon:"i-lucide-activity",title:"Core Web Vitals",description:"Monitor First Contentful Paint and Largest Contentful Paint with color-coded thresholds matching Google's performance guidelines."},{icon:"i-lucide-globe",title:"Network Overview",description:"See total request count and transfer size at a glance. Spot unexpected network activity without opening DevTools."},{icon:"i-lucide-sun-moon",title:"Dark & Light Themes",description:"Switch between dark, light, and system themes. The HUD adapts to your preference and remembers it across sessions."},{icon:"i-lucide-shield",title:"Shadow DOM Isolation",description:"The HUD runs inside a closed shadow DOM - it won't interfere with your app's styles, frameworks, or DOM structure."}],a=[{src:"/devpulse/screenshot_1.png",alt:"DevPulse - Dark theme performance HUD on a code editor"},{src:"/devpulse/screenshot_2.png",alt:"DevPulse - Light theme performance HUD"},{src:"/devpulse/screenshot_3.png",alt:"DevPulse - JSON export of performance metrics"}],i=[{value:"FPS",label:"live on-page monitoring"},{value:"LCP",label:"Core Web Vitals coverage"},{value:"$2.99",label:"one-time premium unlock"}],r=[{label:"Is DevPulse free?",content:"Yes! FPS and DOM monitoring are completely free. Premium metrics - memory, long tasks, network, FCP, LCP, and JSON export - are a one-time $2.99 purchase. No subscriptions."},{label:"Does it collect any data?",content:"No. DevPulse runs entirely in your browser. Performance metrics are computed locally and never sent to any server. See our privacy policy for full details."},{label:"How does it work?",content:"Click the DevPulse toolbar icon to inject a lightweight HUD overlay onto the current page. It uses requestAnimationFrame for FPS, PerformanceObserver for Web Vitals, and standard browser APIs for everything else."},{label:"Will it affect my page's performance?",content:"DevPulse is designed to be lightweight. The rAF loop adds negligible overhead, and all metric collection is throttled. The HUD runs inside a shadow DOM, completely isolated from your page."},{label:"Does it work on localhost?",content:"Yes, and it's optimized for local development. On localhost the HUD auto-restores after page refresh so you don't have to re-enable it every time you save a file."},{label:"Can I drag and reposition the HUD?",content:"Yes. Drag the header bar to move the HUD anywhere on screen. Your position is remembered on the current page. You can also collapse it to a minimal bar showing just FPS and DOM count."},{label:"What does the JSON export include?",content:"The export snapshot includes all current metrics plus sparkline history arrays, timestamped with the current URL. Useful for performance reports and regression tracking."},{label:"Which browsers are supported?",content:"DevPulse works in Chrome and Chromium-based browsers (Edge, Brave, Arc, etc.) that support Manifest V3 extensions."}];return m({title:t,description:o,ogTitle:t,ogDescription:o,twitterCard:"summary_large_image"}),h({script:[{type:"application/ld+json",innerHTML:JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:r.map(e=>({"@type":"Question",name:e.label,acceptedAnswer:{"@type":"Answer",text:e.content}}))})}]}),(e,y)=>{const l=p,c=d;return g(),u("div",null,[n(l,{eyebrow:"Performance HUD extension",title:t,description:o,"chrome-web-store-url":f,"policy-path":"/devpulse/policy",screenshots:a,features:s,faq:r,metrics:i,"feature-title":"Performance monitoring without the overhead","feature-description":"DevPulse puts the right metrics directly on the page, so you can catch issues without opening another panel or breaking your workflow.","cta-title":"Free core metrics. Premium for $2.99.","cta-description":"FPS and DOM monitoring are free. Unlock memory, long tasks, Web Vitals, network stats, and JSON export with a one-time purchase.","accent-class":"from-emerald-500/28 via-lime-400/16 to-transparent","preview-label":"On-page FPS, DOM, memory, Web Vitals, network stats, and export."}),n(c)])}}};export{P as default};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.