Obsidian 插件：Mockup Viewer

概述

Mockup Viewer插件总结

1. 主要功能：用于预览Vault中的HTML原型，将Obsidian的app.css、当前主题及插件CSS注入隔离的iframe中进行渲染，实现设计时UI原型制作。
2. 适用场景：适用于插件开发者在设计阶段进行UI原型迭代，如尝试不同模态布局、测试移动UI、查看设计师或AI提供的HTML原型等。
3. 核心特色：
   • 即时预览：将HTML文件保存到Mockup/目录，预览立即出现。
   • 隔离渲染：iframe边界防止特定类影响Obsidian界面。
   • 视觉一致：注入Obsidian和插件的样式，视觉效果与真实插件几乎一致。
   • 热更新：编辑自动热更新，切换主题也会重新渲染。
4. 使用建议：由于该插件会执行HTML中的<script>，仅打开信任的原型文件。目前未在Obsidian社区插件列表中，可通过BRAT或手动方式安装。

讨论

若阁下有独到的见解或新颖的想法，诚邀您在文章下方留言，与大家共同探讨。