使用MyEclipse開(kāi)發(fā)Java EE應(yīng)用：在Java EE網(wǎng)站上使用CodeLive

下載MyEclipse  購(gòu)買MyEclipse

設(shè)置CodeLive

CodeLive將瀏覽器連接到IDE。您可以選擇為每個(gè)Java EE服務(wù)器打開(kāi)CodeLive，也可以選擇要在Java EE網(wǎng)站的瀏覽器中實(shí)時(shí)預(yù)覽的文件。 

• 打開(kāi)/關(guān)閉CodeLive

有兩種方法可以打開(kāi)或關(guān)閉此功能。

1、從Servers View Toolbar

從Servers中選擇一個(gè)Java EE服務(wù)器，單擊Enable CodeLive按鈕（這個(gè)按鈕起切換的作用），打開(kāi)或關(guān)閉CodeLive。當(dāng)啟用CodeLive時(shí)，圖標(biāo)高亮顯示。

2、從Servers View Context-Menu

在“Sever”視圖中右鍵單擊Java EE服務(wù)器，然后選擇CodeLive（此菜單選項(xiàng)用作切換）可打開(kāi)或關(guān)閉CodeLive。啟用CodeLive時(shí)，該圖標(biāo)突出顯示。

• 選擇文件進(jìn)行實(shí)時(shí)預(yù)覽

啟用CodeLive后，可以在Java EE項(xiàng)目中選擇要實(shí)時(shí)預(yù)覽的文件。

1、在瀏覽器中查看網(wǎng)頁(yè)。

2、單擊CodeLive圖標(biāo)打開(kāi)CodeLive儀表板。

3、選擇要為其啟用實(shí)時(shí)預(yù)覽的每個(gè)文件。

4、單擊關(guān)閉按鈕。

5、刷新網(wǎng)頁(yè)。

使用Live Preview查看對(duì)Java EE網(wǎng)站的編輯

在為Java EE服務(wù)器啟用CodeLive并為用于加載項(xiàng)目中頁(yè)面的文件啟用實(shí)時(shí)預(yù)覽后，就可以查看項(xiàng)目中的頁(yè)面并實(shí)時(shí)查看所做的編輯。

注意：Live Preview被設(shè)計(jì)用于包含web socket的現(xiàn)代瀏覽器，Internet Explorer 9及以下版本與Live Preview不兼容。

1、在一個(gè)或多個(gè)瀏覽器中查看項(xiàng)目中的網(wǎng)頁(yè)?？梢允褂靡苿?dòng)模擬器  來(lái)查看更改，就像在移動(dòng)設(shè)備上一樣。

提示：建議一次查看多個(gè)頁(yè)面以測(cè)試CSS更改。

2、編輯與正在查看的文件關(guān)聯(lián)的HTML、CSS或JSP文件。對(duì)列表、頁(yè)面結(jié)構(gòu)、Div樣式、顏色、字體和邊距等項(xiàng)目的更改會(huì)立即反映在瀏覽器中。

注意：在Live Preview的初始版本中，對(duì)Java Server Pages（JSP）的支持作為實(shí)驗(yàn)性預(yù)覽功能包括在內(nèi)。在頁(yè)面的靜態(tài)區(qū)域中工作時(shí)，可以將高質(zhì)量的內(nèi)容實(shí)時(shí)傳遞到瀏覽器。但是，由于服務(wù)器端處理以未跟蹤的方式更改了值，所以使用區(qū)域接觸動(dòng)態(tài)區(qū)域不會(huì)完全工作。將來(lái)的CI版本中將包含更多增強(qiáng)功能。

3、實(shí)時(shí)突出顯示使您可以快速查看頁(yè)面上哪些區(qū)域受到更改的影響。將光標(biāo)放在HTML文件中時(shí)，相應(yīng)的元素在瀏覽器中會(huì)突出顯示。當(dāng)光標(biāo)位于CSS文件中的規(guī)則上時(shí)，所有受影響的元素都會(huì)在瀏覽器中突出顯示。實(shí)時(shí)高亮顯示可從“Source Editor”或“Outline”視圖中獲得。

下載MyEclipse  購(gòu)買MyEclipse

查看源代碼

在瀏覽器中查看頁(yè)面時(shí)，可以選擇查看瀏覽器中加載的源文件，并在IDE中打開(kāi)任意文件，或從頁(yè)面上的元素直接跳轉(zhuǎn)到源文件。 

• 查看和打開(kāi)源文件

1、在瀏覽器中查看網(wǎng)頁(yè)。

2、單擊CodeLive圖標(biāo)打開(kāi)CodeLive儀表板。

3、單擊 要查看的文件旁邊的放大鏡圖標(biāo)。該文件將在源代碼編輯器中打開(kāi)。

• 從元素跳轉(zhuǎn)到源代碼

1、在瀏覽器中查看網(wǎng)頁(yè)。

2、單擊魔術(shù)棒圖標(biāo)。

3、將鼠標(biāo)懸停在頁(yè)面上的元素上，文件名將顯示在元素下方。 

4、單擊元素。該文件將在源代碼編輯器的相應(yīng)行中打開(kāi)。

注意：如果尚未啟用實(shí)時(shí)預(yù)覽，則會(huì)提示您為源文件啟用實(shí)時(shí)預(yù)覽。選擇文件并重新加載頁(yè)面以打開(kāi)源文件。 

兼容性矩陣

Live Preview在以下環(huán)境中成功測(cè)試。

*通常在Windows測(cè)試中使用Internet Explorer。

已知問(wèn)題

在以下情況下，您可能會(huì)遇到意外的結(jié)果：

• 忽略標(biāo)記庫(kù)條目。

• 標(biāo)簽庫(kù)的元素將作為實(shí)時(shí)預(yù)覽的一部分被忽略。頁(yè)面上靜態(tài)塊中的更改仍然可以正常工作，但是與標(biāo)簽庫(kù)元素相同的文本或元素節(jié)點(diǎn)可能會(huì)導(dǎo)致意外結(jié)果。

• 不支持完全文件替換。

• 使用文件時(shí)，如果您復(fù)制/粘貼整個(gè)文件來(lái)替換當(dāng)前文件，或者通過(guò)GIT更新，則需要重新連接Live Preview會(huì)話。Live Preview是為您在文件中所做的更改而優(yōu)化的，并不適用于大規(guī)模重組。

慧都16周年·技術(shù)服務(wù)月，軟件商城優(yōu)惠券不限量免費(fèi)領(lǐng)取，購(gòu)MyEclipse/CodeMix享折上折>>>

想進(jìn)一步了解MyEclipse？【MyEclipse官方中文網(wǎng)】知你所需，解你所惑！

想與更多人聊MyEclipse？加入MyEclipse中國(guó)（官方2）：742336981暢所欲言吧！

想及時(shí)獲取MyEclipse資訊？掃描下方二維碼，MyEclips信息跟你走！