H5設(shè)計(jì)精靈一直是計(jì)精前端開發(fā)人員不可或缺的工具，H5設(shè)計(jì)精靈提供了該項(xiàng)功能。靈電可以使用檢查器查看或更改(拖放)元素在DOM樹中的腦版愛游戲位置，或者將鼠標(biāo)懸停在樹上以查看每個(gè)元素的下載輪廓。

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

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

　　2、可視化操作，靈電可拖放控件，腦版所見即所得，下載隨時(shí)查看結(jié)果;

　　3、最新操作友好，計(jì)精提供有網(wǎng)頁放大縮小功能，靈電隨時(shí)撤銷和重做功能等

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

　　5、最新愛游戲支持Dom樹形列表顯示與操作;

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

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

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

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

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

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

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

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

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

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

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

　　5、集成的Web檢查器

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

　　6、微信公眾號(hào)集成

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

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

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

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

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

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

　　5、支持svg圖片編輯功能