Freeze DOM
Freeze the DOM instantly
什麼是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/ 擴展基本資訊
| 名稱 | |
| ID | onekmnelbichmlnmkecckkjjljifhefg |
| 官方網址 | 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 |
| 電子郵箱 | [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"
}
} | |