Content Edit & Blur EN
Hasan Abo-Shally · Firefox
Edit webpages for mockups and bug reports. Redact sensitive data, de-emphasize distractions and capture clean screenshots.
<all_urls>），意味着它可以读取你在任意站点的页面内容，包括已登录的页面。这是许多扩展正常工作的必要条件，但也值得你确认来源可信。
截图
简介
Content Edit & Blur turns supported webpages into an editable workspace for product mockups, visual bug reports, screenshots, demos and screen shares.
Edit a headline, swap an image, soften a non-sensitive distraction, cover private values with an opaque redaction or annotate a walkthrough without leaving the page.
WHAT YOU CAN DO
- Edit text directly and replace every matching occurrence
- Replace page images with files from your computer
- Blur or hide non-sensitive elements, or redact private ones
- Draw blur areas for de-emphasis or solid blocks over private regions
- Annotate with arrows, circles, boxes, highlighter, freehand pen, text notes and numbered steps
- Move and resize annotations, and optionally keep new marks anchored through page reflow
- Use the smart picker to select parent or child elements precisely
- Undo and redo changes
- Save rules for one page or an entire site
- Review, rescope, delete, export and import rules
- Capture the visible viewport without the toolbar, picker, editing handles or transient controls; finished effects and annotations remain
BUILT FOR REAL WORK
Use it to prepare product mockups, communicate design changes, hide names or account data before sharing, mark up bug reports, create step-by-step guides and clean up pages for presentations.
Blur is useful for visual de-emphasis. For sensitive screenshots, use Redact, which paints an opaque block over the rendered content.
Essentials includes the everyday workflow, including Redact, Redo, boxes and freehand drawing. Advanced adds numbered Steps, site-wide scope, the rules panel and export/import. Everything is free, with no paid features or account; optional sponsorship unlocks nothing.
PRIVACY BY DESIGN
The extension has no backend and does not collect data, use analytics or transmit page content. Remembered changes remain in local browser storage. The underlying website remains connected and may observe DOM changes, so use staging or trusted pages for mockups. Annotations are session-only by default unless you enable Keep annotations after reload.
Open source:
https://github.com/HasanAboShally/web-content-edit-and-blur--browser-extension
Documentation and downloads:
https://hasanaboshally.github.io/web-content-edit-and-blur--browser-extension/
Content Edit & Blur 是做什么的
Content Edit & Blur 是一款面向 Firefox 的开发者工具类扩展，主要用来调试页面、查看样式与请求、测试接口、辅助前端开发。官方对它的介绍是：Edit webpages for mockups and bug reports. Redact sensitive data, de-emphasize distractions and capture clean screenshots.在Firefox 附加组件商店（AMO）上，它当前版本 2.5.0，评分 3.8（5 人评价），约 94 名用户。
适合什么人用
从功能定位看，Content Edit & Blur 更适合前端工程师、测试与需要经常查看页面结构的用户。如果你平时只是偶尔遇到相关需求，用浏览器自带功能也能凑合；但如果这件事每天都发生，装一个专门处理它的扩展通常比手动操作省事得多。需要注意的是它作用于所有网站，装上后建议先观察一两天，确认不影响常用站点的正常使用。
怎么安装 Content Edit & Blur
- 打开Firefox 附加组件商店（AMO）上的官方页面；
- 点「添加到浏览器」并确认权限提示；
- 装好后在扩展列表里固定图标，方便随时开关。
本站只做索引与介绍，安装包来自官方商店。如果商店页面提示当前地区不可用，说明该扩展未在你所在区域上架。
常见问题
Content Edit & Blur 是免费的吗？
Content Edit & Blur 在Firefox 附加组件商店（AMO）免费提供下载。它是浏览器扩展，装上就能直接用，不需要注册账号。
Content Edit & Blur 安全吗？
它只申请了 0 项权限，范围比较克制，没有申请「读取所有网站数据」这种大权限。
Content Edit & Blur 支持哪些浏览器？
当前收录的版本来自Firefox 附加组件商店（AMO），适用于 Firefox。同一个扩展在其他商店可能有对应版本，但功能与版本号不一定相同。
怎么卸载 Content Edit & Blur？
在扩展管理页找到 Content Edit & Blur，点移除即可。它在本地保存的设置会一起清掉，不会残留数据。
权限清单 来自 manifest.json 原文
站点访问 1
<all_urls>
接口权限 4
activeTabcontextMenusscriptingstorage