H5設(shè)計(jì)精靈一直是前端開發(fā)人員不可或缺的工具，H5設(shè)計(jì)精靈提供了該項(xiàng)功能?？梢允褂脵z查器查看或更改(拖放)元素在DOM樹中的位置，或者將鼠標(biāo)懸停在樹上以查看每個元素的輪廓。相似軟件版本說明軟件地址超級網(wǎng)頁設(shè)計(jì)器3.8 官方版查看FirHtml2.0.2605 電腦版查看QuickCHM2.6 正式版查看

H5設(shè)計(jì)精靈功能介紹

　　1、不依賴第三方庫,windows可直接安裝運(yùn)行;

　　2、可視化操作，可拖放控件，所見即所得，隨時查看結(jié)果;

　　3、操作友好，提供有網(wǎng)頁放大縮小功能，隨時撤銷和重做功能等

　　4、支持導(dǎo)出為多種格式文件，方便多人協(xié)作編輯;

　　5、支持Dom樹形列表顯示與操作;

　　6、支持自定義的字體文件;

　　7、快速的創(chuàng)建HTML5動畫，支持多種模式動畫混合輸出

H5設(shè)計(jì)精靈軟件特色

　　1、文字圖片完美布局的準(zhǔn)確位置

　　H5設(shè)計(jì)精靈允許您通過簡單地鼠標(biāo)操作，點(diǎn)擊和移動您的網(wǎng)站的所有元素到您想要的位置。不再需要手動編輯代碼，軟件會允許你方便的修改網(wǎng)頁，并生成HTML網(wǎng)站。對于今天HTML標(biāo)準(zhǔn)的復(fù)雜布局系統(tǒng)來說，這對于網(wǎng)站設(shè)計(jì)者來說已經(jīng)成了一項(xiàng)棘手的任務(wù)，使用H5設(shè)計(jì)精靈消除了這種負(fù)擔(dān)，允許用戶設(shè)計(jì)出更精美的頁面。

　　2、支持絕對以及動態(tài)大小的布局

　　H5設(shè)計(jì)精靈與其他網(wǎng)站編輯器不一樣的是，不僅支持網(wǎng)站的絕對布局，而且還能夠創(chuàng)建動態(tài)大小位置的元素：想要橫跨屏幕左側(cè)的側(cè)欄?需要底部菜單區(qū)域?沒有任何問題。軟件也支持容器的絕對，水平和垂直布局，輕松的設(shè)計(jì)出復(fù)雜頁面。

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

　　如果您需要更多的生成的HTML代碼的控制，您也可以自己編輯它。只需單擊任何元素，然后，您可以查看為該元素的內(nèi)部HTML代碼，甚至可以插入自己的HTML屬性，手動編輯元素樣式以及Class屬性。

　　4、使用FlexBox進(jìn)行布局設(shè)計(jì)

　　支持FlexBox設(shè)置，只需輕按按鈕即可對齊，堆疊或重新排序元素。它是一個目前流行的布局方式之一，可以幫助你設(shè)計(jì)出引人注目的布局，并且在pc端或移動端能夠很好的縮放。

　　5、集成的Web檢查器

　　Web檢查器多年來一直是前端開發(fā)人員不可或缺的工具，H5設(shè)計(jì)精靈提供了該項(xiàng)功能?？梢允褂脵z查器查看或更改(拖放)元素在DOM樹中的位置，或者將鼠標(biāo)懸停在樹上以查看每個元素的輪廓。

　　6、微信公眾號集成

　　專業(yè)版提供微信公眾號集成功能，允許用戶從移動設(shè)備上查看網(wǎng)頁，并從智能手機(jī)和平板電腦執(zhí)行簡單操作。

H5設(shè)計(jì)精靈更新日志

　　1、修改內(nèi)核，使用Chromium 內(nèi)核(miniblink)，支持移動端的web頁面編輯

　　2、支持font-awesome等多種免費(fèi)圖標(biāo)庫

　　3、增加多種免費(fèi)商用字體

　　4、多頁面支持，支持文件樹操作

　　5、支持svg圖片編輯功能