原創(chuàng)|使用教程|編輯:我只采一朵|2016-07-14 14:37:02.000|閱讀 2592 次
概述:MyEclipse 2016 CI 4將 Live Preview 整合到了新增的 CodeLive 中,可以讓開發(fā)效率進(jìn)一步得到提升。本文教你如何正確的使用最新的Live Preview功能。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
【企業(yè)專享】企業(yè)級IDE MyEclipse購多套多年授權(quán)低至6.5折!活動詳情>>
【個人專享】MyEclipse全場促銷!暑“價”購?fù)纯欤?gt;>
【】
2016 CI 4將 Live Preview 整合到了新增的 CodeLive 中,可以讓開發(fā)效率進(jìn)一步得到提升。實(shí)時查看HTML、CSS和JSP更改后的變化,支持多個瀏覽器和移動設(shè)備同時查看。
要設(shè)置Live Preview,首先必須打開CodeLive,然后在瀏覽器中選擇相應(yīng)的文件。
有兩種方式:
From the Servers View Toolbar
從Servers view中選擇一個server,單擊Enable CodeLive按鈕。點(diǎn)擊這個按鈕就可以切換是否開關(guān)。
From the Servers View Context-Menu
右鍵單擊server并選擇CodeLive,彈出菜單中選擇CodeLive,切換是否開關(guān)。
啟動CodeLive之后,就可以選擇需要Live Preview的文件了。
1.在瀏覽器中查看網(wǎng)頁
2.單擊Codelive的圖標(biāo)打開CodeLive Dashboard:
3.選擇想要Live Preview的文件
4.單擊Close按鈕
5.刷新網(wǎng)頁
Note: Live Preview只支持現(xiàn)代瀏覽器,所以IE 9及以下的瀏覽器是不支持的。
1.在一個或多個瀏覽器中查看網(wǎng)頁??梢杂?mobile emulator 查看在移動設(shè)備上的表現(xiàn)。
2.在瀏覽器中編輯HTML、 CSS、JSP,查看實(shí)時變化。
最初發(fā)布的Live Preview版本對JSP的支持還處于試驗(yàn)階段。在靜態(tài)頁面的時候,可以實(shí)時在瀏覽器中查看變化,然而接觸動態(tài)區(qū)域的時候無法跟蹤服務(wù)端進(jìn)程的變化,這個會在之后的2016 CI版中會進(jìn)一步優(yōu)化。
3.Live Highlighting可以快速定位鼠標(biāo)選中的區(qū)域。
經(jīng)測試目前成功支持的環(huán)境有:
【】
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn