使用MyEclipse开发Java EE应用:在Java EE网站上使用CodeLive
设置CodeLive
CodeLive将浏览器连接到IDE。您可以选择为每个Java EE服务器打开CodeLive,也可以选择要在Java EE网站的浏览器中实时预览的文件。
打开/关闭CodeLive
有两种方法可以打开或关闭此功能。
1、从Servers View Toolbar
从Servers中选择一个Java EE服务器,单击Enable CodeLive按钮(这个按钮起切换的作用),打开或关闭CodeLive。当启用CodeLive时,图标高亮显示。
2、从Servers View Context-Menu
在“Sever”视图中右键单击Java EE服务器,然后选择CodeLive(此菜单选项用作切换)可打开或关闭CodeLive。启用CodeLive时,该图标突出显示。
选择文件进行实时预览
启用CodeLive后,可以在Java EE项目中选择要实时预览的文件。
1、在浏览器中查看网页。
2、单击CodeLive图标打开CodeLive仪表板。
3、选择要为其启用实时预览的每个文件。
4、单击关闭按钮。
5、刷新网页。
使用Live Preview查看对Java EE网站的编辑
在为Java EE服务器启用CodeLive并为用于加载项目中页面的文件启用实时预览后,就可以查看项目中的页面并实时查看所做的编辑。
注意:Live Preview被设计用于包含web socket的现代浏览器,Internet Explorer 9及以下版本与Live Preview不兼容。
1、在一个或多个浏览器中查看项目中的网页。可以使用移动模拟器 来查看更改,就像在移动设备上一样。
提示:建议一次查看多个页面以测试CSS更改。
2、编辑与正在查看的文件关联的HTML、CSS或JSP文件。对列表、页面结构、Div样式、颜色、字体和边距等项目的更改会立即反映在浏览器中。
注意:在Live Preview的初始版本中,对Java Server Pages(JSP)的支持作为实验性预览功能包括在内。在页面的静态区域中工作时,可以将高质量的内容实时传递到浏览器。但是,由于服务器端处理以未跟踪的方式更改了值,所以使用区域接触动态区域不会完全工作。将来的CI版本中将包含更多增强功能。
3、实时突出显示使您可以快速查看页面上哪些区域受到更改的影响。将光标放在HTML文件中时,相应的元素在浏览器中会突出显示。当光标位于CSS文件中的规则上时,所有受影响的元素都会在浏览器中突出显示。实时高亮显示可从“Source Editor”或“Outline”视图中获得。
查看源代码
在浏览器中查看页面时,可以选择查看浏览器中加载的源文件,并在IDE中打开任意文件,或从页面上的元素直接跳转到源文件。
查看和打开源文件
1、在浏览器中查看网页。
2、单击CodeLive图标打开CodeLive仪表板。
3、单击 要查看的文件旁边的放大镜图标。该文件将在源代码编辑器中打开。
从元素跳转到源代码
1、在浏览器中查看网页。
2、单击魔术棒图标。
3、将鼠标悬停在页面上的元素上,文件名将显示在元素下方。
4、单击元素。该文件将在源代码编辑器的相应行中打开。
注意:如果尚未启用实时预览,则会提示您为源文件启用实时预览。选择文件并重新加载页面以打开源文件。
兼容性矩阵
Live Preview在以下环境中成功测试。
Chrome | 火狐浏览器 | IE浏览器 | Edge | Safari | Internal Browser | |
Win 7 64 | X | X | X | |||
Windows 8.1 64 | X | X | X | |||
Windows 10 64 | X | X | X | X | X | |
Linux Mint 16/17 | X | X | ||||
OSX 10.11 | X | |||||
Linux Fedora 23 x64 | X | X |
*通常在Windows测试中使用Internet Explorer。
已知问题
在以下情况下,您可能会遇到意外的结果:
忽略标记库条目。
标签库的元素将作为实时预览的一部分被忽略。页面上静态块中的更改仍然可以正常工作,但是与标签库元素相同的文本或元素节点可能会导致意外结果。
不支持完全文件替换。
使用文件时,如果您复制/粘贴整个文件来替换当前文件,或者通过GIT更新,则需要重新连接Live Preview会话。Live Preview是为您在文件中所做的更改而优化的,并不适用于大规模重组。
慧都16周年·技术服务月,软件商城优惠券不限量免费领取,购MyEclipse/CodeMix享折上折>>>
想进一步了解MyEclipse?【MyEclipse官方中文网】知你所需,解你所惑!
想与更多人聊MyEclipse?加入MyEclipse中国(官方2):742336981畅所欲言吧!
想及时获取MyEclipse资讯?扫描下方二维码,MyEclips信息跟你走!