function buttonOn(){
     // do something on btn click
}

let main_page = document.querySelector('#main_page');


if  (main_page){
    window.Telegram.WebApp.expand() //expand window after page loading

    window.Telegram.WebApp.MainButton.onClick(buttonOn) //set func on main button click
    window.Telegram.WebApp.MainButton.setParams({'text': 'Корзина'}) // set byn params
    window.Telegram.WebApp.MainButton.show() //show telegram btn
}

其他按钮 事件

从函数中删除以下行：

window.Telegram.WebApp.expand() //expand window after page loading

并在 开始 / 顶部 的主 javascript 代码中调用它。（用户点击按钮后将开始运行的代码）

此外，您还可以通过将 window.Telegram.WebApp 放入变量中来缩短代码，例如：

const tele = window.Telegram.WebApp; //Initializes the TELEGRAM BOT and
  //Gets the user's Telegram ID from the Telegram API

tele.expand(); //Expands the app on the users' phone to 100% height

原因可能是您对“扩展”的理解有些不正确。该术语仅适用于具有 Android 或 iOS 等操作系统的移动设备。Web 应用显示在诸如 BottomSheet 之类的本机组件中，并插入包含您的 Web 应用的 WebView。最初，在移动设备中，应用以最小化（未展开）打开。要使其使用屏幕允许的最大高度，您可以调用 expand() 方法。它必须通过 window.Telegram.WebApp.expand() 工作。

在 Telegram 的桌面版或网页版中，Web App 显示在单独的组件中，不允许更改其大小。

您可能可以在 此处 找到有关视口和扩展的更多有用信息，或使用其他库，例如 twa-bridge 或 twa-sdk