我做过不少"简单网页"。活动介绍页、作品展示、给客户看的原型——页面本身不复杂,但制作过程一直有个别扭的地方:你在代码编辑器里写 HTML,保存,切到浏览器刷新,看效果,发现不对,切回代码编辑器改,再保存,再刷新。这个循环贯穿整个制作过程。
它的画布跑在浏览器的 iframe 里,直接用浏览器引擎渲染。你在画布上看到的不是"近似效果",是最终页面本身。点击画布上的元素,右侧属性检查器立刻显示这个元素的排版、颜色、尺寸、边框、阴影等全部样式信息。改一个字号,画布上立刻变了。换一个颜色,画布上立刻变了。不存在"改完代码才能看到效果"这回事。
双击任意元素可以直接在画布上编辑文字。不需要打开属性面板,不需要找到对应的代码行,双击、改、点别处确认,三步完成。
拖拽可以移动元素位置。编辑器会根据目标容器的布局方向自动判断插入点——如果容器是纵向排列的,新元素会插在上下之间;如果是横向排列的,会插在左右之间。选中的元素可以直接在画布上拖拽边缘调整大小。
左侧面板是元素树,显示当前页面完整的 DOM 结构。画布上不方便直接点击的深层嵌套元素,可以在树里选中。选中后画布上会高亮对应的元素,属性检查器也会同步更新。
快捷键齐全。Ctrl+Z 撤销,Ctrl+Shift+Z 重做,Delete 删除,Ctrl+D 复制。撤销重做的历史记录存在本地 IndexedDB 里,关掉浏览器再打开还在。多个标签页编辑同一个文档时,编辑器会检测冲突并提示你选择保留哪个版本。
还有一个我挺在意的细节:它能自动识别 HTML 中的演示文稿结构。如果检测到了,编辑器底部会出现翻页条,Alt+箭头键翻页。这意味着你可以直接在 inksss 里做一个在线幻灯片。Tab 切换、手风琴这类交互组件也能被识别,预览时支持在不同状态之间切换。
页面做好之后,点右上角的发布按钮。发布对话框里可以设置公开或私密——公开就是任何人可以通过链接访问,私密模式下支持密码保护、仅链接访问、仅所有者访问,还能设过期日期。点确认后,编辑器把内容同步到云端,经过资源检查和合规审核,几秒钟后拿到一个链接。
这个链接可以直接在微信、邮件或任何聊天工具里分享。接收方在手机、平板或电脑上打开,看到的就是你在编辑器里做出来的那个页面。不需要装任何东西,不需要注册。
发布之后想改内容?回编辑器改完重新发布,原来的链接自动指向最新版本。不需要通知别人"链接换了"。
我自己用它做的最多的事情是活动页。以前做一个活动页,哪怕页面本身半小时就能写完,部署上线这件事又要折腾半天。现在从打开编辑器到拿到可分享的链接,中间不需要碰任何跟服务器相关的东西。
它还有 AI 聊天面板,可以描述你想要的改动让 AI 帮你生成。不过对我来说,光是所见即所得编辑加上一键发布这两个能力,就已经值回票价了。