Lulu 可视化编辑器

可视化编辑HTML，支持拖拽、缩放、形状插入、一键定位代码

Lulu 是一个纯前端的 Chrome 扩展，让你像修改 Figma 画板一样修改任意网页——直接在浏览器里拖拽、缩放、改文字、调颜色，所见即所得。 【两种编辑模式】 ▸ 当前页面编辑 — 在任意已打开的网页上直接选中元素，改文字、调样式、拖拽移动、缩放尺寸，实时预览效果。 ▸ 导入代码编辑 — 粘贴 HTML 源码，左边写代码右边即时预览，也可用可视化工具直接修改，双向实时同步。 【三种工具模式】 📝 文字模式 — 修改文本内容、字号、颜色、加粗、斜体、下划线 📐 排列模式 — 拖拽移动、四角缩放、复制、删除、图层上移/下移/置顶/置底 🔷 形状模式 — 插入矩形、圆角形、圆形、按钮、分隔线，调整背景色、边框、圆角 【完整编辑能力】 • 点选元素自动定位到对应代码 • 撤销 / 重做（Ctrl+Z / Ctrl+Shift+Z） • 按住 Alt 点击链接或按钮可进入编辑态（不会跳转） • 一键复制完整 HTML 到剪贴板（支持 HTTP 内网页面） • 导出为 .html 文件（带 UTF-8 BOM，避免乱码） • 空状态引导、操作提示，零门槛上手 【隐私优先】 • 不收集任何用户数据，无需注册登录 • 所有编辑操作在本地浏览器完成，不上传服务器 • 无分析工具、无追踪 SDK、无第三方代码库 • 核心编辑引擎开源，可审计 【适用人群】 • 前端开发者 — 快速改 demo、调样式、做原型 • 设计师 / 运营 / 市场 — 做落地页、活动页、邮件模板，不用写代码 • 学生 / 教育 — 学 HTML、做作业，免费易上手 【即开即用】 装扩展即用，不搭环境、不登录、不上传你的代码。