H5设计精灵一直是计精前端开发人员不可或缺的工具，H5设计精灵提供了该项功能。灵官可以使用检查器查看或更改(拖放)元素在DOM树中的计精位置，或者将鼠标悬停在树上以查看每个元素的灵官轮廓。

H5设计精灵功能介绍

　　1、不依赖第三方库,灵官windows可直接安装运行;

　　2、可视化操作，计精可拖放控件，灵官所见即所得，计精随时查看结果;

　　3、灵官操作友好，计精提供有网页放大缩小功能，灵官随时撤销和重做功能等

　　4、计精支持导出为多种格式文件，灵官方便多人协作编辑;

　　5、计精支持Dom树形列表显示与操作;

　　6、支持自定义的字体文件;

　　7、快速的创建HTML5动画，支持多种模式动画混合输出

H5设计精灵软件特色

　　1、文字图片完美布局的准确位置

　　H5设计精灵允许您通过简单地鼠标操作，点击和移动您的网站的所有元素到您想要的位置。不再需要手动编辑代码，软件会允许你方便的修改网页，并生成HTML网站。对于今天HTML标准的复杂布局系统来说，这对于网站设计者来说已经成了一项棘手的任务，使用H5设计精灵消除了这种负担，允许用户设计出更精美的页面。

　　2、支持绝对以及动态大小的布局

　　H5设计精灵与其他网站编辑器不一样的是，不仅支持网站的绝对布局，而且还能够创建动态大小位置的元素：想要横跨屏幕左侧的侧栏?需要底部菜单区域?没有任何问题。软件也支持容器的绝对，水平和垂直布局，轻松的设计出复杂页面。

　　3、完全控制生成的HTML代码

　　如果您需要更多的生成的HTML代码的控制，您也可以自己编辑它。只需单击任何元素，然后，您可以查看为该元素的内部HTML代码，甚至可以插入自己的HTML属性，手动编辑元素样式以及Class属性。

　　4、使用FlexBox进行布局设计

　　支持FlexBox设置，只需轻按按钮即可对齐，堆叠或重新排序元素。它是一个目前流行的布局方式之一，可以帮助你设计出引人注目的布局，并且在pc端或移动端能够很好的缩放。

　　5、集成的Web检查器

　　Web检查器多年来一直是前端开发人员不可或缺的工具，H5设计精灵提供了该项功能。可以使用检查器查看或更改(拖放)元素在DOM树中的位置，或者将鼠标悬停在树上以查看每个元素的轮廓。

　　6、微信公众号集成

　　专业版提供微信公众号集成功能，允许用户从移动设备上查看网页，并从智能手机和平板电脑执行简单操作。

H5设计精灵更新日志

　　1、修改内核，使用Chromium 内核(miniblink)，支持移动端的web页面编辑

　　2、支持font-awesome等多种免费图标库

　　3、增加多种免费商用字体

　　4、多页面支持，支持文件树操作

　　5、支持svg图片编辑功能