← 管理面板
🔍网页元素编辑
在任意页面上选择元素，通过 Claude 对话式修改，实时预览效果。
✨ 推荐：Live Edit（后台直接编辑）
新版后台编辑器，无需书签，直接在管理面板中打开并编辑任意页面。
✏️ 打开 Live Editor
💡 在管理面板登录后，点击顶部导航栏的 ✏️ Live Edit 也可进入。
备选：书签栏方式
将下方按钮拖拽到浏览器的书签栏：
🔍 元素编辑
💡 如果书签栏没显示：Chrome → 设置 → 外观 → 显示书签栏 (Ctrl+Shift+B)
第二步：在页面上使用
- 打开任意
*.labetter.fun 页面
- 点击书签栏的 🔍 元素编辑
- 右下角出现浮动工具栏
- 点击 🔍 选择元素 进入选择模式
- 将鼠标移到目标元素上（蓝色高亮）
- 点击选中元素（绿色选中框）
- 点击 💬 打开 Claude 对话面板
- 输入修改要求，Claude 返回修改代码
- 点击 ✅ 应用 查看效果
- 点击 👁 预览 新窗口查看
- 确认无误后点击 💾 保存文件
快捷键
| 右键元素 | 弹出上下文菜单，直接选择或编辑 |
| Ctrl+Shift+E | 切换元素选择模式 |
| Ctrl+Shift+P | 在新窗口预览当前修改 |
| Esc | 退出元素选择模式 |
快速启动
输入页面 URL 直接打开并激活编辑器：
打开后点击书签激活编辑器（浏览器限制无法自动执行书签脚本）