Browser Window Info - Online Viewport & Screen Data
See exact dimensions of your current browser inner/outer window, screen resolution, and pixel ratio. Developer debug.
UD5 Toolkit
Estimate RAM usage of your open tabs across different browsers & device configurations
~153 MB per tab average
about:performance in the address bar for a detailed breakdown.See exact dimensions of your current browser inner/outer window, screen resolution, and pixel ratio. Developer debug.
Display used/total/limit JS heap size using performance.memory. Take snapshots and see growth. Simple memory leak detection.
See your current page load broken down into DNS, TLS, request, and DOM phases. Understand where time is spent.
See your current page load broken down into DNS, TLS, request, and DOM phases. Understand where time is spent.
Take a screenshot of the current browser tab using Screen Capture API. Crop, annotate with text and arrows, and download as PNG. Local only.
Add fish species and sizes to estimate the bioload and check if your tank is overstocked. Inchâperâgallon model.
List cached responses for your domain. View headers, content, and delete individual entries. Understand your PWA's cache.
See outerWidth, innerWidth, outerHeight, innerHeight, screenX/Y, and availWidth/Height live. Understand the viewport.
Calculate daily/monthly/yearly electricity cost of any appliance based on wattage, hours used, and your kWh rate. Compare multiple devices. Fully offline.
Count bubbles per minute to estimate fermentation activity and approximate sugar consumption. Simple conversion.
Enter ground snow load and roof pitch to estimate the effective snow load on a sloped roof. Quick structural check for snowy regions.
Enter mosaic area and choose tessera size to find the approximate number of tiles required. Includes grout joint factor.
Paste a URL and extract all meta tags, Open Graph, Twitter Cards, and JSONâLD. View in a friendly table. Clientâside fetch.
Keep track of stitches and rows for your knitting projects. Multiple counters with increase/decrease shortcuts. Data saved in your browser.
Find your car's engine oil capacity and recommended filter part number. Quick reference for DIY oil change.
Create a pure CSS scroll progress indicator using animationâtimeline: scroll(). No JavaScript. Copy the complete code.
Enter a URL and get a rough estimate of its carbon emissions per page view. Based on data transfer size and energy model. Educational.
Calculate large Fibonacci numbers in a Web Worker. See the UI remain responsive. Copy the pattern for your app.
Run a CPUâheavy calculation (e.g., prime numbers) in a Web Worker and see the UI stay responsive. Code snippet provided.
Adjust root, margin, and threshold. See a live log of intersection events as you scroll. Debug lazy loading.
Select a caching strategy and see a flow diagram of how requests are handled. Learn PWA patterns.
Input room dimensions and number of coats to estimate how many gallons/litres of paint you need. Excludes doors/windows optionally. Local calculator.
See the View Transitions API in action. Crossâfade and morph between two states. Copy the JavaScript starter code.
Build a virtual grocery list with estimated prices and see total before you shop. Adjust quantities, mark bought items. Data stays in browser.
Calculate how much fabric you need for a quilt based on block size, number, and sashing. Supports metric and imperial. No upload, local.
Create a custom soap recipe by selecting oils and their percentages. Get precise lye and water amounts. Safety warnings included.
Add many complex CSS styles and measure frames per second. Isolate expensive properties. Practical performance lab.
Apply contentâvisibility: auto to offâscreen sections and see the rendering cost drop. Demos for infinite scroll optimization.
Configure how your PWA launches: focus existing or create new. Test with the launch_handler manifest field.
Log how many times you've passed clay through the pasta machine. Ensure thorough conditioning without guesswork.