Freeze DOMとは何ですか？

Freeze DOMはhttps://nemothecollector.devによって開発されたChromeの拡張機能で、その主な機能は「Freeze the DOM instantly」です。

拡張機能のスクリーンショット

Freeze DOM拡張機能のCRXファイルをダウンロード

Freeze DOM拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

Pause the DOM on demand for testing and debugging purpose.

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)

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

Note: The shortcut might be overridden by built-in settings of some browsers for example Arc and Microsoft Edge. To fix it:
- For Arc: go to arc://extensions/shortcuts and update the shortkeys
- For Microsoft Edge: follow this instruction https://www.webnots.com/how-to-assign-keyboard-shortcut-to-extension-in-microsoft-edge/

拡張機能の基本情報

名前	Freeze DOM
ID	onekmnelbichmlnmkecckkjjljifhefg
公式URL	https://chromewebstore.google.com/detail/freeze-dom/onekmnelbichmlnmkecckkjjljifhefg
説明	Freeze the DOM instantly
ファイルサイズ	34.97 KB
インストール数	498
現在のバージョン	0.0.1
最終更新日	2024-01-30
公開日	2023-08-31
評価	5.00/5 合計 4 レビュー
開発者	https://nemothecollector.dev
Eメール	[email protected]
支払い方法	free
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Freeze DOM", "version": "0.0.1", "description": "Freeze the DOM instantly", "manifest_version": 3, "permissions": [ "contextMenus", "scripting", "activeTab" ], "commands": { "freeze-dom": { "suggested_key": "Ctrl+Shift+S", "description": "Freeze the DOM instantly" } }, "icons": { "16": "icon16.png", "32": "icon32.png", "48": "icon48.png", "128": "icon128.png" }, "background": { "service_worker": "background.js" } }