Freeze DOM

Freeze the DOM instantly

Freeze DOM - Instant DOM Freezing Tool

"Freeze DOM" is a Chrome extension that allows users to instantly freeze the Document Object Model (DOM) of a webpage. By right-clicking on the tab content while the DevTools panel is open, users can preserve the visual state of a website, making it easier to inspect UI elements that require hover or focus to display. This functionality is particularly useful for taking snapshots of loading states or other dynamic UI components, enhancing your web development and debugging experience.

Download

Extension stats

By: https://nemothecollector.dev

Users: 915

-7

Rating: 3.80

(10)

Version: 1.0.1 (Last updated: 2024-06-19)

Creation date: 2023-08-31

Risk impact: Very low risk impact

Risk likelihood:

Very low risk likelihood

Manifest version: 3

Permissions:

contextMenus
scripting
activeTab

Size: 38.47K

Email: co*****@gmail.com

URLs: Website

Ranking

# 32,469 ▲ 68

Other rankings

#1929 in Developer Tools ▲ 4 #92 in state keyword 12 ▼ 31 #173 in example keyword 2 ▼ 49 #222 in microsoft keyword 87 ▼ 8

Other platforms

Freeze! (v2.11)

4.45

(246,379) 9,862,964+

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

How to use:

Step 0: Open DevTools Panel (F12 or Right Click -> select 'Inspect')
Step 1: Right Click -> select 'Freeze DOM' or Press Cmd + Shift + Y (on Mac) / Cmd + Shift + Y (on Window, Ubuntu)

Source code for those who's curious: https://github.com/coolcorexix/freedom-on-demand

Right click on tab content and choose "Freeze DOM" (while devtool panel is open) to freeze the state of website on demand.

With a frozen DOM, you can:

Inspect an UI part that only available while hovered / focused (for example: keeping the auto complete dropdown of a text input visible)
Take a snapshot of an in-progress state (for example: loading state)

🔭 Explore more dev tools at: https://nemothecollector.dev/products

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros