Jharokha – Responsive Device Simulator

Jharokha shows the tab you are on inside a realistic phone, tablet or laptop frame, so you can check how your layout responds without resizing windows or juggling DevTools. It works on any website, including localhost, staging and pages behind a login. Open it, pick a device, and the page appears at that device's screen size. See every screen • Choose from 96 built-in devices: phones, foldables, tablets, laptops at real Windows scaling, desktops, a watch, a TV, a kiosk and a handheld. Search by name, star your favourites and find recent devices again. • Rotate phones, tablets and foldables and watch the media queries react. Zoom from 50% to 150%, or fit the device to the window. • Show or hide the device frame and the browser bars. • Free resize: choose "Responsive" (or press W) and drag the page to any size, or type the width and height. • Breakpoint bar: your page's own media query widths on a ruler, read from its style sheets. Click a marker to jump to that width. • Multi-view: 2 to 6 devices side by side. Scrolling and navigation follow along, and with "Sync input" on, clicks and typing in one frame happen in the others too. Form submissions, links, file fields and passwords are never copied. Check the layout • Responsive audit: finds horizontal overflow, small tap targets, small text, a missing or zoom-blocking viewport tag and media wider than the screen. Click an issue to jump to its element, or run the audit across several devices at once. • Accessibility checks in the same panel: text alternatives, accessible names, text contrast, page structure and tab order, each linked to its WCAG criterion. • QA report: export the audit as one offline HTML file with a summary and a screenshot per device. • Helpers: highlight overflowing elements, see which common breakpoint is active, copy the device's details, reload the preview or open the page in a new tab. • Touch cursor (T): a round finger cursor with drag-to-scroll, to get a feel for the page on a touch screen. Capture and compare • Screenshots of the screen, the screen with its frame, or the full page, saved as PNG or copied to the clipboard. • Screenshot all devices: a whole set of devices in one or both orientations, saved as one ZIP. • Visual diff: save a baseline of the current view, change your code, then compare and see which pixels changed. • Record video: record the preview as a short WebM video, or export it as a GIF. Save your setup • Saved test sets: save the page, the devices and the view, and reopen them in one click. • Add your own devices, and import or export them as JSON. • Light and dark theme, full keyboard control and visible focus. Layout preview, not a real device Jharokha shows the page in an iframe that is the size of the device screen. That is accurate for everything that depends on the viewport: width and height media queries, orientation, container queries and zoom. It does not change what the page reads from the browser: the user agent, pixel ratio, touch events and safe-area insets still describe your own computer. The toolbar says "Layout preview" so you always know which mode you are in. Privacy Jharokha collects no data. No analytics, no accounts, no servers. The extension makes no network requests of its own and loads no remote code. Your settings, devices, test sets and visual baselines are saved in your browser on your own computer, and nowhere else. Screenshots, reports and videos are made on your computer and saved only when you ask. Permissions, in plain words • It only runs on a tab after you click the toolbar icon or press the keyboard shortcut. • Some sites refuse to be shown inside a frame. Jharokha then offers "Allow on this site"; only if you press it does Chrome ask for access to that site, and the frame restriction is relaxed for the preview in that one tab only. You can revoke the access at any time. • Recording is optional. The first time you press "Record video", Jharokha asks for permission to capture the tab and Chrome shows its own prompt. Recording runs only while the red REC sign is shown, never records sound, and the video is saved on your computer. • Every permission and its reason is listed in the extension's options, on the About tab. Keyboard shortcut Alt+Shift+D opens and closes the simulator on the current tab. Inside it, press ? to see every shortcut. Limitations • Pages that Chrome keeps off limits to extensions, such as chrome:// pages and the Chrome Web Store, cannot be shown. Jharokha tells you so instead of failing quietly. • Local files need "Allow access to file URLs" in the extension's settings. • Full-page screenshots, the audit, the touch cursor and input sync work on pages that are same-origin with the simulator frame. • Device sizes come from published specifications. Frames are generic original drawings, not any manufacturer's artwork. Languages Available in 15 languages, with a right-to-left layout for Arabic and Urdu. It follows your browser's language; change it in Settings. Free, with no ads. Made by Abhishek Kumar Singh.