如何使WinCC画面自动适应 WinCC Web 客户端浏览器窗口的尺寸?

有效性

  • SIMATIC WinCC/WebNavigator V6.2
  • SIMATIC WinCC/WebNavigator V7.0
  • SIMATIC WinCC/WebNavigator V7.2
  • SIMATIC WinCC/WebNavigator V7.3

补救措施
可以在客户机浏览器窗口中按比例缩放 WinCC 画面,从而适应浏览器的显示区域。

按照以下步骤缩放 WinCC 画面。

说明
在客户机和服务器启用缩放功能。

在客户机上启用缩放功能
在客户机上通过激活服务器页面ASP 文件 “Project.asp” 或 “MainControl.asp” 启用缩放功能。

通过 “Project.asp” 修改缩放功能的过程

编号 步骤
1 在客户机上打开 Web 浏览器,在地址栏中输入 WinCC Web 服务器的 URL 。

例如: http://servername/

按下回车键,打开服务器的登录界面。

2 输入 WinCC Web 服务器的登录信息,等待 WinCC起始页面装载。
3 在 Web 浏览器的地址栏中 Web 服务器的 URL 后输入: “/Project.asp?FitToSize=True”。

例如: http://servername/Project.asp?FitToSize=True

4 输入完毕后按下回车键。
WinCC Web 页面将重新装载,并自适应浏览器窗口大小。

表 01

通过 “MainControl.asp” 修改缩放功能

编号 步骤
1 在客户机上打开 Web 浏览器,在地址栏中输入 WinCC Web 服务器的 URL 。

例如: http://servername/

按下回车键,打开服务器的登录界面。

2 输入 WinCC Web 服务器的登录信息,等待 Web 页面装载。
3 在 Web 浏览器的地址栏中 Web 服务器的 URL 后输入: “/MainControl.asp”。

例如: http://servername/MainControl.asp

4 打开 Web 页面左侧Web Navigator 的工具栏。

选择 “设置 – Web 客户端属性” 并启用 “适应大小” 选项。

表 02

现在显示的 WinCC 的页面即适应 Web 浏览器窗口的大小。

IIS V6.0 及以下版本的服务器上启用缩放功能

编号 步骤
1 在 Web 服务器上打开 IIS (或 互联网服务管理器),右键选择 WinCC 项目发布的 Web 站点。
左键选择 “属性”。

打开 WinCC 的 Web 站点的属性窗口。

注意
如果通过 Web Configurator 创建了虚拟目录,需要打开标准 Web 页面的属性。

2 在属性窗口中选择 “文档” 标签。

显示了已定义的标准页面的列表。

3 选择 “WebClient.asp” 条目,单击 “删除” 按钮。

该条目从列表中删除。

4 单击 “添加”,输入 “WebClient.asp?FitToSize=True” 并单击 “确认” 按钮。

该条目将添加到列表。

5 打开已发布的 WinCC Web 站点属性窗口,单击 “确认” 按钮。

表03

现在显示的 WinCC 的页面即适应 Web 浏览器窗口的大小。

IIS V7.0 开始的服务器上启用缩放功能

编号 步骤
1 在服务器上打开 IIS。打开 “Sites” 文件夹并且点击 WinCC 项目发布的 Web 站点。
2 双击 “Configuration Editor”。
3 在 “system.webServer” 文件夹里选择 “defaultDocument” 。

如何使WinCC画面自动适应 WinCC Web 客户端浏览器窗口的尺寸?
图. 01

4 点击按钮 “…”打开选择编辑器。

如何使WinCC画面自动适应 WinCC Web 客户端浏览器窗口的尺寸?
图. 02

5 选择 “WebClient.asp”或者 “MainControl.asp”,在窗口下方将 “WebClient.asp” 的值改为 “WebClient.asp?FitToSize=True”。

如何使WinCC画面自动适应 WinCC Web 客户端浏览器窗口的尺寸?
图. 03

6 点击按钮 “X” 关闭窗口。

表04

现在显示的 WinCC 的页面即适应 Web 浏览器窗口的大小。

原创文章,作者:ximenziask,如若转载,请注明出处:https://www.zhaoplc.com/plc323216.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2020年11月5日
下一篇 2021年4月12日

相关推荐

发表回复

登录后才能评论