桌面 Web 查看器可在电脑上全屏显示内容,带来现代化浏览体验。您可以通过调整一些设置来定义用户体验。

Web 查看器在桌面 Web 浏览器中运行您的完整应用程序,包括浏览页面导航、授权登录功能以及固定布局或基于 HTML 的文章。

 

Web 查看器显示在台式电脑上。用户可向下滚动页面、缩放并且轻松地在文章和浏览页面之间导航。

配置 Web 查看器

  1. 在 On-Demand Portal (https://aemmobile.adobe.com) 中,选择左边栏中的“应用程序”。然后选择“创建” > “桌面 Web 查看器”

     

  2. 指定桌面 Web 查看器的设置并完成设置过程。

    自定义域 URL – 指定您已设置为托管 Web 查看器 URL 的网站的 URL(以 https:// 开头)。请参阅本文档后面有关设置自定义域 URL 的章节。

    隐私政策 URL - 如果指定了隐私政策 URL,则 Web 查看器菜单中将显示“隐私政策”。如果用户单击“隐私政策”,将显示指定的网页。

    使用条款 URL - 指定描述您的应用程序使用条款的网页的 URL。如果用户单击“使用条款”,将显示指定的网页。

    版权 - 指定 Web 查看器中显示的版权声明。

    显示分析参与对话框 - 如果选择此选项,您的客户在查看内容之前将看到一个参与对话框,允许客户退出数据跟踪。无论是否选择此选项,用户均可使用 Web 查看器设置随时参与或退出。此选项对于有义务允许用户退出数据跟踪的地区尤为有用。

  3. 如果您希望 Web 查看器中可以使用自定义字体,请在门户网站的“字体”部分编辑字体,并选择“为公共桌面 Web 查看器启用 Web 字体”选项。

    有关上传字体的信息,请参阅创建卡和布局:使用自定义字体

  4. 发布内容,使其可通过 Web 查看器查看。

  5. 让您的受众可以使用桌面 Web 查看器。

    您可以复制门户网站的“应用程序”部分中可用的“URL”链接(参见下图),并让该链接显示在您的网站上或通过其他方法提供给您的客户。

    如果社交共享和桌面 Web 查看器均已在项目中启用,则单击台式计算机或笔记本电脑中的共享链接即可打开文章的 Web 查看器版本。请参阅 AEM Mobile 应用程序中的社交共享

测试 Web 查看器

在门户网站中构建桌面 Web 查看器应用程序之后,单击电脑上的“链接”,以便在浏览器中查看桌面 Web 查看器。

有关 Web 查看器的其他信息

Web 查看器常规信息

  • 如果项目包含了平板电脑和手机顶级集合,则平板电脑的顶级集合会用于 Web 查看器。
  • Web 查看器不支持“预检”选项。发布集合和文章,使其可通过 Web 查看器查看。
  • Web 查看器无法脱机运行。
  • 当导航至浏览页面或者文章时,将显示最新版本。当该浏览页面或文章已显示时,Web 查看器将不会检测何时有可用的新更新。
  • Web 查看器的浏览页面以 960 像素的固定宽度呈现。基于 InDesign 的文章以其目标布局尺寸呈现。

 

 

系统要求

  • 带 Safari、Chrome 或 Firefox 浏览器的两个最新版本的 Mac OSX 10.10 或更高版本。
  • 带 Chrome、Firefox 或 Internet Explorer 11 浏览器的两个最新版本的 Windows 7 或 8.x 或更高版本。
  • 平板电脑或手机上不支持 Web 查看器。

Web 查看器仅可在电脑浏览器上运行,不可在移动设备上运行。如果在手机或者平板电脑上打开了 Web 查看器的链接,则该链接将重定向至文章设置所指定的社交共享登录页面。登录页面可能包含指向应用商店的链接。由于集合没有登录页面,所以指向集合的 URL 将跳转至一个类似页面,该页面上具有指向该设备的应用程序商店的链接。使用项目设置中的“商店”选项卡指定应用商店链接。

托管位置

默认情况下,Web 查看器托管于 https://viewer.aemmobile.adobe.com 上的 Adobe 服务器上。

您可以在自己的域中托管 Web 查看器 URL,如本文档后文所述。

导航

  • 读者可使用将鼠标悬停在屏幕底部时出现的导航栏进行来回导航。
将鼠标指针悬停在屏幕底部即可显示导航栏。

  • 不支持 navto://relative/parent 格式,但是此功能可能即将实现。

有关交互式叠加的支持和指导

  • 支持所有基于 InDesign 的叠加。

 

  • 不支持在幻灯片放映中轻扫。我们建议您启用轻触播放或者提供后退和快进按钮。
  • 对于音频叠加,仅完全支持 MP3 文件。而例如 WAV、MP4 和 OGG 等音频格式,并非所有浏览器都完全支持。
  • 不支持播放背景音频文件。音频被限制为一种特定的文章。
  • 如果将容器重叠部分的音频或视频叠加设置为自动启动,当它显示在视图中时不会启动。
  • 对于视频叠加,仅支持 MP4 和 M4V 格式。为在 Firefox 中获得全面支持,使用 MIME 类型很重要。外部托管的视频应使用 video/mp4 MIME 类型。此外,视频最好采用 .mp4 扩展名,而不是 .m4v。您只需重命名视频文件扩展名即可。
  • 如果视频叠加在容器叠加中播放时,读者滚动页面使容器离开页面,视频不会停止播放。
  • 如果 Web 叠加处于容器状态中,且读者更改了改状态,则 Web 叠加仍然有效。

基于 InDesign 的文章的显示

  • 基于 InDesign 的文章中,不支持“仅水平轻扫”选项。这些平展的文章为垂直显示。
  • 如果您在 InDesign 中创建了一个平滑滚动的文章,当导出文章文件时,请确保您设定了目标尺寸(例如 1024x768),而不要使用页面尺寸(例如 1024x3000)。
  • 在 Web 查看器中,InDesign 文章通过页面之间的分隔符逐页显示。
通过设计,基于 InDesign 的逐页文章之间将显示间隙。

分析

  • Web 查看器不支持应用程序内消息。应用程序内消息要求 Mobile SDK,而台式计算机不具备此功能。
  • 有关 Web 查看器中捕获的分析的信息,请参阅适用于 AEM Mobile 的分析

禁用 Web 查看器

要为您的项目禁用桌面 Web 查看器,在门户网站的“应用程序”部分选择“桌面 Web 查看器”,然后单击垃圾桶图标将其删除。

设置自定义域 URL

设置自定义域 URL 时,所有应用程序代码和内容仍在 Adobe 服务器上托管,但是对于最终用户而言似乎在您的域中。

默认 Web 查看器 URL 的示例

https://viewer.aemmobile.adobe.com/index.html#project/abcdefgh-a123-4567-890a-ab1234567890/view/myView/article/myArticle

自定义 Web 查看器 URL 的示例

https://www.mydomain.com/custompage.html#project/abcdefgh-a123-4567-890a-ab1234567890/view/myView/article/myArticle

  1. 在您的网站上托管一个简单 HTML 页面。此网页可随意命名。

    您的页面必须在有效域中托管,并且必须通过 https(而非 http)提供服务。托管的域必须具有一个与之关联的有效 SSL 证书。

  2. 在您指定的网页中包含以下 HTML 代码。

    <!DOCTYPE html>
    <html>
    <head>
    	<meta http-equiv="x-ua-compatible" content="IE=edge">
    	<script src="https://viewer.aemmobile.adobe.com/loader.js"></script>
    </head>
    <body></body>
    </html>

    Microsoft Internet Explorer 使用包含 http-equiv="x-ua-compatible" 的 meta 标记来确定在呈现页面时应使用的文档模式。对于在 IE 中启用兼容性模式的用户,使用此 meta 标记可避免出问题。与动态添加的其他 meta 标记不同,必须在页面中包含此标记,IE 才能正确解释。

    script 标记指向一个 JavaScript 加载器脚本,该脚本将动态生成显示和呈现您的应用程序所需的 HTML 元素。 

  3. 在门户网站中创建桌面 Web 查看器应用程序时,请在“自定义域 URL”字段中指定您的 URL。指定到自定义托管页面的完整 URL,包括协议和页面名称,如 https://www.mydomain.com/custompage.html。

     

  4. 在构建桌面 Web 查看器应用程序后,单击“URL”以在当前浏览器中显示您的内容。在 URL 中应使用您的自定义域。

对于自定义域托管,不正式支持使用其他脚本、库或其他内容。尤其是不支持修改页面的 DOM 或向页面添加可视元素的任何代码(如广告库),这些代码可能导致意外行为。此外,向页面添加其他 CSS 样式可能导致意外的行为或视觉效果。

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略