1. Genuitec学习中心
    2. >
  2. 网络应用程序
    3. >
  3. 现代Web

使用动态预览

CodeMix 2019.6.11介绍了下一代活的预览。浏览器即时预览窗格中让你看到立即预览现代web和Java EE应用程序,方便放置旁边正在编辑的代码。对于一些项目配置,你看到实时的变化,当你类型,无需保存你的文件。

下一代预览有生活CodeMix和角IDE,这是包含在你的MyEclipse许可证。

实时预览设计相当直观,而且在大多数情况下它将“工作”,显示预览你期望在编辑代码。对于支持的文件类型,当我们可以确定目标URL显示在预览窗格中,预览编辑器的右边。

切换预览窗格中,使用in-editor工具栏的切换控制。或者,您可以使用Ctrl / Cmd + Alt + E快捷方式。

基于应用程序类型的功能

实时预览作品不同的基于应用程序的类型你工作我们下面将讨论其中的一些差异。

现代Web应用程序

本节适用于现代web应用程序中编辑文件,如角,Vue反应,etc.-essentially,任何基于节点应用程序与一个“服务”脚本。

  • 实时预览仍然禁用,直到应用程序。如果您试图打开实时预览,我们提供为你启动服务的应用程序。
  • 支持这些应用程序不可用、窗格可能更新只有在您保存您的更改。
  • 框架的构建和重新加载技术决定的内容窗格应该重新加载,并在适当的时间自动重新加载。您可以使用工具栏手动加载页面在预览窗格中。

Java EE / HTTP应用程序

本节适用于当前部署到一个文件运行Java EE或HTTP服务器。

注意:如果你是在一个Java EE项目工作不部署或部署,但服务器没有启动,请参阅下一节。

  • 为避免不必要的重新加载,实时预览自动重新加载预览窗格的内容只有在URL是一个精确匹配的文件正在编辑。活预览等待资源初始化加载之前与服务器同步。您可以使用工具栏手动加载页面在预览窗格中。

其他情况下

如果您的应用程序不符合上述两类,内部部署和本地服务,以实现最佳的实时预览体验。

  • as - you - type支持是可用的,变化是传送到预览面板类型,无需你保存文件。
  • 有现场转播的变化,应该没有需要手动加载页面,但是你这样做是免费的从工具栏在预览窗格中。

当地的利益服务,从HTTP服务器加载的页面和应用程序运行在幕后,而不是直接从文件系统的文件:/ / URL。结果,他们工作的方式更接近他们的现实世界的行为。

安全注意事项:你可能想要在外部浏览器查看本地服务的应用程序。简单地复制URL使用工具栏上的按钮,粘贴到你的外部浏览器。的_cmAuthURL中的参数值,独特的您的Eclipse实例,如果省略该参数的URL,外部浏览器将无法访问的URL。这是一个安全特性,防止其他用户在同一个系统上能够加载这个URL。一旦一个页面加载参数,它从进一步url可以省略相同的浏览器/配置文件,作为一个饼干保存与身份验证的细节。

设置

启用时,实时预览窗格自动崩溃,如果编辑器窗格不够宽源和预览窗格中并排显示。处于崩溃状态,扩展了悬停预览。

控制面板的宽度在不同的州,看到首选项> CodeMix >其他>生活预览页面。

控制住的文件类型可以预览,看到> Preferences > CodeMix >其他>生活预览包括/不包括页面。

实时预览如何确定URL加载

目标URL的URL加载在预览窗格中。确定正确的URL加载你跨越文件在您的项目中,在工作区或跨项目,是一个最优的关键实时预览的经验。

  • 现代web应用程序——文件的URL加载整个项目通常是应用程序的根的URL。如果你想要一个不同的URL加载对于一个给定的文件,看到的导航到不同的目标你只需要一次覆盖这个URL。
    Non-modern web应用程序如果你正在编辑的页面直接呈现,像一个HTML、JSP或PHP页面的URL加载通常是显而易见的,并自动加载预览窗格。这种行为是无论文件是否在本地服务或部署到一个运行HTTP服务器。
    在这些情况下,工具栏显示眼睛充满了蓝色圆图标。
  • 样式表如果样式表之前通过一个URL加载显示在预览窗格中,实时预览记得协会,并加载该URL。工具栏显示眼睛空洞的蓝色圆图标。这个协会不是跨Eclipse会话持久化。
  • 如果无法确定实时预览的URL加载文件正在编辑,文件打开时它是禁用的。这是表示的眼睛用问号图标。当你点击这个图标,你可以选择输入一个URL加载。
注意:您可以重写URL加载的前两个技术,一个定制的URL(见下文)。在这种情况下,优先于所有其他自定义URL映射。

导航到不同的目标

在某些情况下可能需要手动设置的URL加载预览窗格,或者,你可能会想要导航到另一个页面。你可以改变加载URL使用实时预览工具栏。

  1. 单击工具栏中的URL(或页面标题)。

  2. 在位置字段中输入一个URL。
  3. 选择行为:
    使用这个URL只对<文件名>url加载只有当当前正在编辑的文件。
    使用这个URL的所有文件在这个文件夹中url加载的所有文件在同一文件夹与被当前编辑的文件。
    所有文件在这个项目中使用这个URL所有文件的url加载相同的项目目前正在编辑的文件。
    只有在浏览器更新位置;不记得了导航到该URL只一次,URL不会当你再次编辑这个文件重新加载。


更新URL映射

重新设置或更改任何上面的映射,选择文件,文件夹或者项目的映射和通过上下文菜单打开其属性。活的预览页面,您现在可以选择回到默认的行为,“从URL获取积极编辑”选项,或指定一个新的URL可用字段。



如果你在远离目标文件的URL,启用了图标,单击预览面板需要回目标URL。

防止自动导航

如果你不想预览编辑之间的改变当你移动,单击工具栏图标实时预览分离预览窗格。或者,清楚遵循编辑选择如果可能的话复选框在首选项> CodeMix >其他>实时预览页面。

更新或改变加载URL,单击URL(或页面标题)实时预览中的工具栏打开“浏览位置”对话框。

Baidu
map