20. TwinCAT HMI如何使用外部网页

如果已经有做好的界面，能否直接放在twincat hmi中使用呢？

当然是可以的，用iframe控件即可

1、把写好的html css等文件，添加到twincat hmi中。注意html里引入的路径用相对路径，不要用绝对路径

1

2、到desktop.view中使用iframe控件，src填html/index.html 这个路径是在twincat hmi中index.html的路径

2


3、点击运行，直接看效果

3

 

4、再演示一个操作，在src中填入网址https://fanyi.youdao.com/

4


5、就能在twincat hmi中直接显示该网页了

5