Freeze DOM

Freeze the DOM instantly

Download

Stats

By: https://nemothecollector.dev

View on Chrome Web Store

Users: 809 ▲ 23

Rating: 5.00 (6)

Version: 0.0.1 (Last updated: 2024-04-12)

Creation date: 2023-08-31

Risk impact: Very low risk impact

Risk likelihood: Low risk likelihood

Manifest version: 3

Permissions:

contextMenus
scripting
activeTab

Size: 35.81K

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

URLs: Website

Stats date:

Chrome-Stats Rank

# 32081 ▲ 160

Other rankings

#1733 in Developer Tools ▲ 2 #125 in state keyword 3 ▲ 4 #232 in microsoft keyword 79 ▲ 7 #235 in example keyword 1 ▲ 20

Other platforms

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.

Summary

Analyze keywords

Pause the DOM on demand for testing and debugging purpose.

If the extension solves a headache for you. Please consider buy me a coffee, it means the world to my family: https://www.buymeacoffee.com/coolcorexil

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 + S (on Mac) / Cmd + Shift + S (on Window, Ubuntu)

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)

User reviews

Ольга Любас, 2024-05-09

Wichtig und richtig.

Benedict Allerberger, 2024-04-03

Thank you. After freezing, for an Angular app, just scroll to the bottom of the Elements pane to find the appropriate overlay container. At least that's what I did. This is nice.