2026a

# 在 APP 中显示 HTML 内容


您可以在 APP 设计工具中将 HTML 内容(例如 JavaScript®、CSS 和图标)添加到您的应用。此应用演示如何在 APP 中显示 HTML 内容

本示例的 APP 源文件下载链接为在 APP 中显示 HTML 内容

# 创建并添加 HTML 内容到应用程序

  • 请将 HTML UI 组件从“组件库”拖放到“设计视图”中的应用画布上,并修改 HTML UI 组件的 HTMLSource 属性。

  • HTMLSource 属性修改如下:

    <!DOCTYPE html>
    <html lang="zh-CN">
        <head>
            <meta charset="UTF-8">
            <title>简单的HTML页面</title>
        </head>
        <body>
            <h1>欢迎来到我的网页</h1>
            <p>这是一个简单的HTML示例页面。</p>
        </body>
    </html>
  • 在 APP 设计工具中的显示效果如下: