如何使用Phaser在手机上制作全屏版答案

【问题标题】：How to use Phaser to make a full-screen version on mobile如何使用Phaser在手机上制作全屏版
【发布时间】：2020-09-18 07:58:40
【问题描述】：

我看到了很多 api 并尝试了很多方法让我的移相器可以通过点击一些 imgae 来使用全屏。

我的移相器版本是 v3.24.1。

我可以使用

this.scale.startFullscreen(); // Phaser.Scale.ScaleManager

chrome/safari 桌面版会成功，但不能通过手机使用。

我尝试了很多方法让我的移相器游戏可以具有全屏功能。

这是我的设置：

const config: GameConfig = {

    type: Phaser.CANVAS,
    width: 1920,
    height: 1080,
    parent: 'game',
    scale: {
        mode: Phaser.Scale.FIT,
        autoCenter: Phaser.Scale.CENTER_BOTH
    },
    scene: [],
    plugins: {
        scene: [
            { key: 'SpinePlugin', plugin: window.SpinePlugin, mapping: 'spine' }
        ]
    }
};

我不想改变我的屏幕比例，只想在手机上满屏。

我该怎么办。请帮帮我。

【问题讨论】：

全屏 api 是一个 web api，就 ios 12 而言，它似乎不受支持。对于您正在测试的设备，var supported = Phaser.Device.Fullscreen.available; 可能会返回什么？
未运行。不只是困惑。
啊，其实是const available = this.scale.fullscreen.available;。刚刚在我的 iPhone 上打开了一个项目，结果是假的。它可能仍然只是一个实验性功能。如果这是一个 pwa 或 webview 应用程序，也许你可以找到解决方案，但在普通浏览器中，你可能只是运气不佳
当我使用 android 它成功。我在哪里可以找到 iOS 的 api 规则。我使用 caniuse 并没有为 iOS 的 chrome 提供资金。
对此感到厌烦。我使用 cocos2d 可能会解决这个问题...

标签： phaser-framework

【解决方案1】：

Chrome on can I use 不支持 iOS 上的 Chrome 浏览器，它们不是一回事。如果您查看适用于 iOS 的 Safari，我可以使用它，它会显示 iOS 上的 Safari 和 Chrome。它明确表示部分支持仅指 ipad。无论使用何种浏览器，全屏 Web API 在 iPhone iOS 上均不可用。

您唯一的全屏解决方案是将游戏嵌入 WebView 并作为应用安装，将应用安装为 PWA，或者为个人使用启用全屏实验功能。

切换游戏引擎不会改变 Web api 是否适用于 iOS。

【讨论】：