AirConsole CSS 不同于 App 和 Google Chrome

Posted 2023-03-06

【中文标题】AirConsole CSS 不同于 App 和 Google Chrome

【英文标题】：AirConsole CSS different from App and from Google Chrome

【发布时间】：2017-12-05 20:32:34

【问题描述】：

大家好！ 一个快速的问题。如果有人可以帮助我...

我正在为我的控制器使用 html5/javascript 为 AirConsole 创建一个游戏。 我目前正在测试它，我发现CSS不一样：

当我使用控制器的 AirConsole 应用程序玩游戏时 当我在手机上使用 Google Chrome 浏览器时。

有人知道为什么吗？我无法访问应用程序上的代码，所以我不知道发生了什么......

我希望 AirConsole 应用程序包含 Google Chrome 网络视图的包装，因此具有相同的显示结果。

这是在移动设备上使用 Google Chrome (v62.0.3202.84) 的视图： Google Chrome controller

这是最新版本的 AirConsole 应用程序 (v.2.0.6) 的结果： AirConsole App Controller

【参考方案1】：

在 android AirConsole 上使用使用 Chromium 版本 53 的 Crosswalk。这不是使用 Android 最新 chrome 的系统 webview。 由于 Crosswalk 的开发已经停止，我们将在未来的某个时候更改此设置以使用系统 webview。

在 ios AirConsole 上使用系统 WebView，它使用内部 Safari。

您可以选择如何在应用程序中调试控制器： https://people.apache.org/~pmuellr/weinre/docs/latest/

此工具允许您在任何应用程序中调试任何基于 webkit 的 webview。这是一个纯 JavaScript 解决方案。

请注意，WeinRe 只能通过 http 而不是 https。这意味着您必须从本地主机运行您的 AirConsole 游戏。

免责声明：我最近没有使用过 WeinRe，但我很确定它今天仍然可以使用。

如果未通过 [e-mail] 联系 AirConsole 团队，我们可以为您提供调试 APK 版本（仅限 Android）。

【讨论】：

嘿安德林！感谢您的回复。不幸的是，我尝试远程调试，但它只适用于谷歌浏览器。我想调试 AirConsole 应用程序，因为它是一个有 CSS 问题的应用程序。谷歌浏览器看起来不错（如果你回头看看我提供的屏幕截图）。有什么办法可以做到吗？使用远程调试和我的笔记本电脑调试 AirConsole Controller 应用程序？