PM UI GodMode

About

产品经理必备工具：像编辑 Word 一样直接修改网页文案、样式与布局。支持拖拽排版、精准控制间距、一键清理元素并截图，无需代码即可快速制作高保真交互示意图。

🚀 告别繁琐的截图修图，让交互沟通“所见即所得”！

🗓更新记录
V1.0 支持文案、样式、拖转、清除、截图的基础编辑功能
V2.0 支持 Ctrl+Z 撤销操作；支持 ESC 退出编辑模式；支持组件库，采集已有组件并使用到任意页面，可自由排列组合UI 元素（不再是仅编辑现有元素啦！）

🌟 编辑模式
1. 📝 文案编辑模式 (Text Editing)
开启后，网页直接变身“文档编辑器”。点击任意文字即可修改内容，实时预览文案长短对布局的影响，快速验证文案方案。
2. 🎨 样式精准微调 (Visual Style Editor)
无需打开开发者工具（F12），点击元素即可唤起可视化面板：
尺寸与布局： 精确调整宽、高，支持 px 或 %。
间距控制： 轻松调整外边距 (Margin) 和内边距 (Padding)，优化呼吸感。
外观设计： 一键修改字体颜色、背景色、圆角大小和字号。
面板拖拽： 属性面板可随意拖动，绝不遮挡视线。
3. ✋ 自由拖拽布局 (Free Drag & Drop)
打破标准文档流限制！开启拖拽模式后，按住任意元素（图片、按钮、标题）即可在页面上随意摆放。想把 Banner 换个位置？直接拖过去就行。
4. 🧹 元素清理模式 (Element Cleaner)
像橡皮擦一样，点击页面上多余的广告、弹窗或干扰信息即可将其“变没”。为你提供最纯净的截图环境。
5. 🔧 极简悬浮工具栏 (Floating Sidebar)
所有功能集成在屏幕右侧的悬浮侧边栏，操作触手可及。
最小化模式： 支持一键收起侧边栏，化身为一枚精致的悬浮按钮，随时待命，不遮挡页面浏览。
6. 📸 一键交互截图 (Instant Screenshot)
调整满意后，直接点击插件截图按钮，生成当前视窗的高清交互示意图，无缝对接需求文档（PRD）。

🎯 适用人群
产品经理 (PM)： 快速制作需求示意图，验证文案与布局。
UI/UX 设计师： 在真实运行的代码环境中微调视觉细节（走查）。
前端开发/测试： 快速定位样式问题或模拟极端数据展示。
演示人员： 在 Demo 演示时屏蔽敏感信息或修改特定数据。

🔒 隐私安全
本插件仅在您的本地浏览器中运行，修改效果仅对当前页面生效（刷新后恢复），不会修改服务器数据，也不会收集任何用户隐私信息，请放心使用。