提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
翻译|使用教程|编辑:陈津勇|2019-11-27 10:19:30.570|阅读 315 次
概述:使用CodeLive可以轻松查看网页上正在加载哪些文件,然后快速从页面跳转到源,可以在正常的工作流程中立即查看对HTML、CSS和JSP的更改,还可以一次测试多个浏览器并测试模拟的移动设备。本文介绍了在Java EE网站上使用MyEclipse中的CodeLive的操作方法。
# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>
相关链接:
设置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中国(官方2):742336981畅所欲言吧!
想及时获取MyEclipse资讯?扫描下方二维码,MyEclips信息跟你走!
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn
文章转载自:本文探讨 SQL Server 中 NULL 和空值之间的区别,并讨论如何有效地处理它们。
Unity 是一款功能极其丰富的游戏引擎,允许开发人员将各种媒体集成到他们的项目中。但是,它缺少最令人兴奋的功能之一 - 将 Web 内容(例如 HTML、CSS 和 JavaScript)直接渲染到 3D 场景中的纹理上的能力。在本文中,我们将介绍如何使用 DotNetBrowser 在 Unity3D 中将 Web 内容渲染为纹理。
DevExpress v24.2帮助文档正式发布上线了,请按版本按需下载~
本教程将向您展示如何用MyEclipse构建一个Web项目,欢迎下载最新版IDE体验!
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@pclwef.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢