MyEclipse中文教程十一:如何正确使用Live Preview

原创|使用教程|编辑:我只采一朵|2016-07-14 14:37:02.000|阅读 2320 次

概述:MyEclipse 2016 CI 4将 Live Preview 整合到了新增的 CodeLive 中,可以让开发效率进一步得到提升。本文教你如何正确的使用最新的Live Preview功能。

# 31款JAVA开发必备控件和工具

相关链接:

【企业专享】企业级IDE MyEclipse购多套多年授权低至6.5折!活动详情>>

【个人专享】MyEclipse全场促销!暑“价”购痛快!在线订购>>

MyEclipse最新版下载

MyEclipse 2016 CI 4将 Live Preview 整合到了新增的 CodeLive 中,可以让开发效率进一步得到提升。实时查看HTML、CSS和JSP更改后的变化,支持多个浏览器和移动设备同时查看。

一、设置Live Preview

要设置Live Preview,首先必须打开CodeLive,然后在浏览器中选择相应的文件。

1.1开启或关闭CodeLive

有两种方式:

From the Servers View Toolbar

从Servers view中选择一个server,单击Enable CodeLive按钮。点击这个按钮就可以切换是否开关。

Servers View Toolbar

From the Servers View Context-Menu

右键单击server并选择CodeLive,弹出菜单中选择CodeLive,切换是否开关。

Servers View Context-Menu Live Preview CodeLive

1.2 选择需要Live Preview的文件

启动CodeLive之后,就可以选择需要Live Preview的文件了。

1.在浏览器中查看网页

2.单击Codelive的图标打开CodeLive Dashboard:

CodeLive Dashboard MyEclipse

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可以快速定位鼠标选中的区域。

Live Highlighting MyEclipse

三、Live Preview的兼容性

经测试目前成功支持的环境有:

Live Preview的兼容性

MyEclipse最新版下载


标签:JavaMyEclipse

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至hey@evget.com


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
在线咨询
联系我们

客服热线
400-700-1020

QQ客服

意见反馈


添加微信获专业服务

TOP
在线客服系统
live chat