在可视化中显示网站
要求：在CODESYS 项目中打开可视化。“可视化工具箱” 和“属性” 可视化视图也会打开。
-
将“Web Browser” 元素从“Special Controls” 拖到可视化编辑器。
-
在编辑器中选择元素。
在“Properties” 视图中，列出了“Web Browser” 元素的属性。
-
在“Position” 属性中，指定“Width” 和“Height” 的大小（单位：像素）（示例：
600）。 -
在“控制变量 URL” 中，指定网站的 URL（例如：
'http://de.wikipedia.org'）。您也可以在此处指定一个变量（STRING或WSTRING），在项目中将 URL 分配给该变量。 -
在“控制变量 显示” ，指定一个布尔变量（例如：
bSetURL）。如果变量
bSetURL的值为TRUE，则运行时会显示网站'http://en.wikipedia.org'。
配置网站导航的前进和后退按钮
要求：“Web 浏览器” 可视化元素的配置如上所述。
-
在 POU 中，声明两个布尔变量
bGoBack和bGoForward。 -
在可视化编辑器中，单击“Web 浏览器” 。
-
对于属性“控制变量 返回” ，从输入助手中选择变量
bGoBack。对于属性“控制变量 转发” ，选择变量bGoForward。 -
在“常规控件” 中，将“Button” 元素添加到可视化中两次。
-
在可视化编辑器中单击“Button” ，然后将“Button” 拖动到所需位置（例如“Web Browser” 元素的上方）。
-
在属性“文本 文本” 中，指定字符
>。在“文本属性 字体” 中，从输入助手中选择一种字体（例如：Arial, Bold, 14）。 -
配置属性“输入配置 OnMouseClick” 使变量
bGoForward切换。 -
按照步骤 5 至 7 中所述的相同方法配置第二个按钮用于返回导航。
如果变量
bSetURL的值为TRUE，那么网站'http://de.wikipedia.org'就会显示前进和后退按钮。点击按钮后，就可以成功导航到上一个和下一个网站。