平板设备上的网络应用程序只有灰色

Posted

技术标签:

【中文标题】平板设备上的网络应用程序只有灰色【英文标题】:Only grey colors of the web app on tablet device 【发布时间】:2019-07-09 22:20:42 【问题描述】:

我正在为客户开发一个网络应用程序,到目前为止一切正常。 今天发现他们的设备在访问页面时只有灰色。所有其他网站都显示正确的颜色,但不是这个。 CSS 和 javascript 加载正常,所有外部资源也加载正常 - 没有错误。 应用程序的结构看起来不错 - 唯一的问题是灰色的颜色。 这可能与导致问题的 SSL 证书有一些共同点——我正在使用 Certbot 的 Let's Encrypt,但我不确定。 Web 应用在 nginx、Ubuntu 上运行。

我找不到任何类似的问题,希望有人可以提供帮助。

他们使用的设备是三星 Galaxy Tab A - 全新(可能是关于设置的问题,但如果只有一个网站出现颜色问题,那就太奇怪了)。 Image of how it looks on the device

【问题讨论】:

对我来说听起来像是设备设置。 这不可能与 SSL 有任何关系。 解决问题时的一条建议...确保在测试时清除浏览器缓存!这可能会给您带来无法预料的问题。 使用可以模拟成为平板电脑用户代理的浏览器并进行测试。但这不是 SO 的话题。浏览器开发者模式是您最好的朋友(并允许您按照另一条评论中的建议处理缓存。) 【参考方案1】:

刚刚解决了 - 也许有人需要帮助,所以我发布了解决方案。 平板电脑是全新的,结果显示谷歌浏览器没有更新,但没有显示需要更新。

第二件事(在这里可能很重要) - 混合 https/https 内容。我将所有外部链接都替换为“http://”或“https://”替换为“//”,看起来不错。

感谢您到目前为止的所有回答!

【讨论】:

以上是关于平板设备上的网络应用程序只有灰色的主要内容,如果未能解决你的问题,请参考以下文章

本地网络上的 Mobile Phonegap 应用程序

我的应用不适用于 Google Play 上的平板设备

Kivy 创建桌面程序?

访问其他设备上的 localhost(同一网络)

苹果平板查序列号显示5th generation是啥意思?

Web 应用程序的电池效应?