如何在HTML中使用window.Telegram.WebApp.expand()实现Telegram网页应用顶部扩展？

你的代码没效果主要是执行时机不对——在<head>里直接调用时，Telegram的WebApp对象还没完全初始化，页面也没加载完成，导致方法调用失效。

按下面的方式修改代码即可：

修正后的代码示例 #

<html>
<head>
</head>
<body>
  <!-- 这里放你的页面内容 -->

  <script>
    // 等页面所有元素加载完成后再执行Telegram相关代码
    document.addEventListener('DOMContentLoaded', function() {
      // 先告知Telegram WebApp已准备就绪
      window.Telegram.WebApp.ready();
      // 调用expand方法扩展至顶部
      window.Telegram.WebApp.expand();
    });
  </script>
</body>
</html>

额外注意事项 #

• expand()只有在Telegram客户端（手机APP/桌面端）的WebView里才会生效，普通浏览器打开测试是看不到效果的
• 要确保你的网页已经在BotFather中正确配置为Telegram迷你应用，否则相关API可能无法正常调用

内容的提问来源于stack exchange，提问作者YORIK