Home / Chrome extensions / Developer Tools / Lulu 可视化编辑器
Lulu 可视化编辑器
Manifest V3 Free
可视化编辑HTML,支持拖拽、缩放、形状插入、一键定位代码
Rating
0.0 / 5
unchanged in 30 days
Store rank
#133K
#111K among extensions
Version
3.0.4
updated 5 Aug 2026
Users monthly, 2 months 0 14 29 Aug 2026 Oct 2026 Oct 2026 Latest, 16 Oct 2026: 29 users Move the mouse over the chart for any month
Ratings count monthly, 2 months 0 0 1 Aug 2026 Oct 2026 Oct 2026 Latest, 16 Oct 2026: 0 ratings Move the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About Lulu 可视化编辑器
Lulu 是一个纯前端的 Chrome 扩展,让你像修改 Figma 画板一样修改任意网页——直接在浏览器里拖拽、缩放、改文字、调颜色,所见即所得。
【两种编辑模式】
▸ 当前页面编辑 — 在任意已打开的网页上直接选中元素,改文字、调样式、拖拽移动、缩放尺寸,实时预览效果。
▸ 导入代码编辑 — 粘贴 HTML 源码,左边写代码右边即时预览,也可用可视化工具直接修改,双向实时同步。
【三种工具模式】
📝 文字模式 — 修改文本内容、字号、颜色、加粗、斜体、下划线
📐 排列模式 — 拖拽移动、四角缩放、复制、删除、图层上移/下移/置顶/置底
🔷 形状模式 — 插入矩形、圆角形、圆形、按钮、分隔线,调整背景色、边框、圆角
【完整编辑能力】
• 点选元素自动定位到对应代码
• 撤销 / 重做(Ctrl+Z / Ctrl+Shift+Z)
• 按住 Alt 点击链接或按钮可进入编辑态(不会跳转)
• 一键复制完整 HTML 到剪贴板(支持 HTTP 内网页面)
• 导出为 .html 文件(带 UTF-8 BOM,避免乱码)
• 空状态引导、操作提示,零门槛上手
【隐私优先】
• 不收集任何用户数据,无需注册登录
• 所有编辑操作在本地浏览器完成,不上传服务器
• 无分析工具、无追踪 SDK、无第三方代码库
• 核心编辑引擎开源,可审计
【适用人群】
• 前端开发者 — 快速改 demo、调样式、做原型
• 设计师 / 运营 / 市场 — 做落地页、活动页、邮件模板,不用写代码
• 学生 / 教育 — 学 HTML、做作业,免费易上手
【即开即用】
装扩展即用,不搭环境、不登录、不上传你的代码。
Read the full description
Growth
Window Users Change Ratings Rating
7 days +5 +20.8% 0 0.00 30 days +12 +70.6% 0 0.00
Version history 1 versions recorded
Details
Category Developer Tools First seen 5 Aug 2026 Size 164 KB Languages zh-CN Pricing Free
Privacy policy github.com Extension ID fnioebogilfgdgknejfaflofjlhcekcj
Permissions and risk
Moderate risk impact 1, likelihood 3
Permissions
storagescriptingdownloadsclipboardWriteoffscreenactiveTab
Alternatives to Lulu 可视化编辑器 Extensions that rank for the same store searches or share the Developer Tools category, ordered by users