olckcdcpmjbnbeebendlaijpppfaknbn
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.
Window Resizer
Easily set the layout (size & position) of your browser window Window Resizer is an extension that lets you easily resize and reposition the current window to your desired values. Simply open toolbar popup UI and click on the desired layout set (size & position). Once you click a layout, the window will be positioned and resized to the chosen layout. There are 20 predefined layouts available to choose from in the toolbar popup. If you need a custom layout, please click on the - Add a new layout - button at the top left corner in popup UI. A new tab will be open with a custom design layout UI. Simply drag your desired size within the orange area, then click on the - Save - button to store the custom layout. The new layout will be added to the popup UI. Note 1: Tiles within the toolbar popup UI are draggable ,and the new order will be auto-saved to memory. Note 2: The Window Resizer interface supports dark mode. To switch the interface theme to dark, please press the moon icon in the top-right toolbar. To report bugs, please fill out the bug report form on the addon homepage (https://mybrowseraddon.com/window-resizer.html).
Dimensions
You will like Dimensions as it allows you to measure elements on a page in pixels, like a page ruler. 🌈🖥️ Introducing "Dimensions" 📏 – your ultimate companion for precision in the digital realm. This Google Chrome extension is not just another tool; it's your virtual measuring tape, empowering you to dissect and quantify every pixel on a webpage. With Dimensions, harness the power to decode the intricate geometry of web design effortlessly. ✨ Unlock the potential of pixel-perfect precision with our intuitive interface. Gone are the days of guesswork and approximation; Dimensions brings accuracy to your fingertips, allowing you to measure distances with unparalleled ease. Whether you're a seasoned developer, a meticulous designer, or simply curious about the inner workings of your favorite websites, this extension is your gateway to the world of digital dimensions. 🌐 At its core, Dimensions (or Page Ruler) functions as a dynamic page ruler, providing you with a comprehensive suite of measurement tools tailored for the web. Seamlessly integrated into your browsing experience, it offers a streamlined solution for gauging distances in pixels. Say goodbye to cumbersome manual calculations and hello to instant insights at a glance. Here's what Dimensions brings to the table: 1️⃣ Effortless Precision: With a simple click and drag, effortlessly measure the dimensions of any element on a webpage. From buttons to banners, every pixel is within your grasp, ensuring pixel-perfect perfection in your digital endeavors. 2️⃣ Interactive Guidance: Our measure ruler doesn't just stop at static measurements. It provides real-time feedback, guiding you with interactive overlays that highlight the dimensions as you explore the page. Navigate with confidence, knowing that every move is met with instant clarity. 3️⃣ Customizable Units: Tailor your measurements to suit your workflow with customizable units. Whether you prefer pixels, ems, or percentages, Dimensions adapts to your preferences, ensuring seamless integration with your existing toolkit. 4️⃣ Multi-dimensional Insights: Dive deep into the intricacies of web design with multi-dimensional insights. Measure not only the width and height but also the margins, paddings, and everything in between. Uncover the hidden structure beneath the surface, unraveling the mysteries of pixel placement with ease. 5️⃣ Cross-platform Compatibility: Wherever the web takes you, Dimensions follows. Enjoy cross-platform compatibility that extends beyond Chrome, ensuring that you're never without your trusty measure ruler, whether you're on desktop or mobile. 🚀 With dimensions, every pixel tells a story. Whether you're fine-tuning a responsive layout, conducting a thorough accessibility audit, or simply satisfying your curiosity, this extension empowers you to explore the page with newfound clarity. 🖥️ But Dimensions isn't just a tool; it's a catalyst for creativity. Beyond its practical applications, it serves as a canvas for experimentation and innovation. Break free from the confines of conventional design constraints, and let your imagination run wild as you navigate the digital landscape with newfound precision. Imagine the possibilities: ▸ Crafting pixel-perfect prototypes with surgical precision. ▸ Optimizing user interfaces for maximum impact and accessibility. ▸ Uncovering design secrets hidden in plain sight, waiting to be discovered. In a world where every pixel counts, Dimensions gives you the power to make them count. Join the ranks of developers, designers, and digital enthusiasts who rely on Dimensions to elevate their craft and unlock new dimensions of possibility. Whether you're a seasoned pro or a curious newcomer, this extension is your key to unlocking the true potential of the web. Experience the future of digital dimensionality. Install Dimensions today and see the web in a whole new light. ✨
Show Window Size
Show the inner size of window This is a small widget shows the inner size of window. It is movabel and you can adjust its opacity, font size, default position in the options page. When you lost it, you can click the 'Set to Center' button to find it. UPDATE: V1.1.0 Fix Bugs, improve UI, delete the 'find' feature 修复Bug，改进UI，去除找寻功能 V1.2.0 Fix bugs, add the 'movable' feature，improve UI 修复Bug，增加‘可移动’功能，改进UI
Viewport Dimensions
Displays the current viewport dimensions in real-time as you resize the browser window. Viewport Dimensions is a simple Chrome extension for web developers and designers who want to quickly visualize the viewport dimensions when actively resizing the browser window. This extension dynamically displays the current viewport dimensions (width and height in pixels) in real-time as you resize your browser window, making it easier to see how your site adapts to different screen sizes. Key Features: - Real-Time Viewport Display: Instantly see the current viewport dimensions as you resize your browser window. - Customizable Display Options: Choose where the dimensions are displayed (top-right, bottom-right, top-left, bottom-left) and customize the font size, text color, background color, and background opacity to match your preferences. - Toggle Visibility: Easily enable or disable the viewport dimensions display without uninstalling or disabling the extension. - Responsive to DevTools: The extension adjusts the displayed dimensions to account for the presence of Chrome's Developer Tools panel. - Timeout Setting: Set the time period the dimensions are displayed after the change or set it to always be displayed. NOTE: This extension was built to replace the previous "Viewport Dimensions" extension ID: kchdfagjljmhgapoonapmfngpadcjkhk, which is no longer supported by the Chrome Web Store. If you relied on the old extension, this new version offers the same functionality with additional customization options and improved performance.
