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