CEF集成

Dreamweaver 现在与 Chromium Embedded Framework (CEF) 集成，后者是一个基于 Google Chromium 项目的开源框架。通过此集成，Dreamweaver 可控制资源加载、导航、上下文菜单、打印等功能，同时可利用 Google Chrome Web 浏览器中提供的高性能和 HTML5 技术。

Dreamweaver 与 CEF3 版本集成，后者是一个多进程实现，使用异步消息在 Dreamweaver 与一个或多个呈现进程（Webkit + V8 引擎）之间进行通信。CEF3 使用 Chromium 的官方 Chromium 内容 API，因此性能可媲美 Google Chrome。

以下是 CEF 集成发挥作用的 Dreamweaver 功能

• 增强了用户体验

  • 增强了呈现功能

  • 检查

  • 编解码器

  • 弹出菜单

  • 错误消息

  • 缩放/滚动

  • 流体网格页面

• 体系结构的变化

  • 代码导航器

  • 导航

  • SSL 证书

  • 实时代码/代码视图

  • 外部 CSS

  • 动态相关文件

  • 实时视图选项

  • 视口        

通过 CEF 集成，已对 Dreamweaver 呈现对象和其它 UI 元素的方式进行了多项增强。

下图显示在旧版 Apollo Webkit 中和经过 CEF 集成后如何呈现含有边框半径和重复渐变的 div。

新的检查模式与 Google Chrome 的检查相同。以黄色标记“外边距”，以紫色标记“内边距”。

将鼠标悬停在元素上时，显示一组水平和垂直标尺。根据元素的位置，这些标尺显示在顶部/底部和左侧/右侧。这些标尺显示应用于元素的外边距、内边框、宽度和边框属性。

此外，还将显示一个工具提示，其中含有以下信息：

• 元素的名称（例如，div）

• CSS 类或 ID（如果已定义）。

• 元素的尺寸。显示的数字是应用于元素的宽度、内边距和边框之和。

通过 CEF 集成，Dreamweaver 现在可呈现月份、日期和时间等 HTML5 表单元素。单击这些控件后，Dreamweaver 现在将显示可用于选择所需参数的弹出菜单。?

关闭流体网格版面参考线后，实时视图使用 CEF Webkit 进行呈现。实时视图中开启了流体网格版面参考线的流体网格页面继续使用原有的 Apollo Webkit 进行呈现。仅在 CEF 模式下提供导航（地址栏）、检查模式、实时代码等实时视图功能。

现在 Dreamweaver 中错误字符串的外观与 Google Chrome 中的错误字符串相同。

实时视图与设计视图中滚动条的 UI 不同。

进行 CEF 集成后，Dreamweaver 中的缩放行为有所变化。早先，缩放取决于选项卡，而现在，在 CEF 实时视图中缩放取决于页面。

方案 1：假定在实时视图中将某个页面缩放到 300%。然后，在不同的选项卡中打开同一页面（根据链接到达此页面）。则：

• 在 CEF 中，页面保持 300% 缩放

• 在 Apollo（旧版）中，以默认的 100% 缩放比例呈现该页面

方案 2：假定在选项卡中将页面缩放到 50%（实时视图）。然后，导航到同一选项卡中的另一页。则：

• 在 CEF 中，以默认的 100% 缩放比例打开其它页面。

• 在 Apollo 中，从此选项卡导航到的所有页面均保持 50% 缩放比例

代码导航器分析文档，并列出所有适用于所调用元素的样式。它使用浏览器控件呈现内容。将鼠标悬停在任何选择器上时，以工具提示形式显示所有关联的 CSS 属性。单击选择器后，将在相应的代码中出现插入点。

尝试导航到安全 (https) 网站，但无法识别其证书时，将显示 SSL 证书确认对话框。

以下功能因 CEF 集成而受到影响：

• 动态相关文件

• 外部 CSS

• 实时视图和实时代码同步

• 导航

• 实时视图选项（“跟踪链接”、“连续跟踪链接”、“对文档源使用测试服务器”、“禁用 Javascript”、“冻结 Javascript”）

• 视口

• 链接的 Target 属性

• 上下文菜单（从链接的右击菜单中删除了“跟踪链接”和“禁用插件”选项）

注意：由于 CEF 集成，在开发扩展时使用 <mm:browsercontrol> 的方式需要作出更改。