khkemnmanonabkiiffbojfdgjonpkgmc
Displays the current viewport size in the bottom right corner of the window. **Please make sure to restart Chrome entirely so the code can load correctly** This extension displays Chrome’s viewport dimensions when resizing the browser window in pixels. This extension displays Chrome’s viewport dimensions in the lower right corner of the browser when dragging your window / Chrome browser. It will show in Pixels and disappear completely after 1.8 seconds. Mainly for developers or creators when you want to make the browser window a specific size for testing websites or apps or if like me you want to make the viewport precisely 1920x1080 when recording screencasts at 1080p.
Viewport Dimension Overlay
Displays an overlay with viewport dimensions and aspect ratio. The Viewport Dimension Overlay is a handy Chrome extension that helps web developers and designers by displaying a clean, unobtrusive overlay showing real-time viewport dimensions and aspect ratio of any webpage. With a simple click, users can toggle an elegant semi-transparent overlay that appears in the bottom-right corner, providing instant feedback about the current window size and automatically updating as the browser window is resized. This makes it an invaluable tool for responsive design testing and layout debugging.
Dimensions
A tool for designers to measure screen dimensions This extension measures the dimensions from your mouse pointer up/down and left/right until it hits a border. So if you want to measure distances between elements on a website this is perfect. It doesn't really work with images because there the colors change a lot pixel to pixel. Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser. Your designer handed you mockups as PNGs or JPEGs? Just drop them into Chrome, activate Dimensions and start measuring. You can start and stop dimensions with the ALT + D shortcut. Wanna get the radius of a circle? Is text standing in your way? Press Alt to measure the dimensions of a connected area. Dimensions is Open Source and hosted on Github. Want to port it to Firefox? Go ahead and fork it. Pull requests are welcome! https://github.com/mrflix/dimensions
Viewport Resizer: Ultimate Device Emulator & Website Testing Tool
Emulate devices, resize screens, and perfect your web design effortlessly with this cutting-edge testing and presentation tool. Enhance your web design experience with our dynamic testing and presentation tool, designed to create, test, and showcase your digital experiences on any device, from wearables to very big screens. Customize your workspace fully and use or create your own device mockups, explore various display resolutions, and harness advanced emulation features like touch fingerprint simulation, user-agent emulation, and breakpoint guide, all within a professional-grade environment built for high-quality development and debugging. Push your limits with an intuitive zoomable workspace, precise ruler and grid tools, and a sleek presentation mode called 'Coffee Mode' — think of this tool as a first-level approximation of how your digital experience looks and feels across multiple devices. Limitations: While our tool provides comprehensive device simulations, it does not replace the need for physical device testing.
Window Resizer
Resize the browser window to emulate various screen resolutions. This extension re-sizes the browser's window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions. The resolutions list is completely customizable (add/delete/re-order). You can set the window's width/height, window's position, preset icon (phone, tablet, laptop, desktop) and even the option to apply the new dimensions to the entire window or just to the viewport. The extension also features customizable global key shortcuts, an option to export your settings and import them on another computer and more! Please report all bugs (or suggestions) using the support link on the extension's details page.
