Html 部署的应用程序在不同浏览器/计算机上表现不同

Html 部署的应用程序在不同浏览器/计算机上表现不同,html,css,r,shiny,shinyapps,Html,Css,R,Shiny,Shinyapps,我在个人计划的shinyapps.io服务器上部署了一个闪亮的应用程序。它是为客户端设计的,所以我无法通过link共享它,但我遇到的问题是,该应用程序的行为/操作方式不同,并且在某些浏览器/机器上常常不正确 例如,最令人讨厌的例子是,当我尝试嵌入CSS代码并自定义应用程序中任何内容的字体时,它在本地运行时可以工作,但在部署时,它将在新边缘显示为Times New Roman,在Chrome上显示为Times New Roman,但在Firefox上显示为基本闪亮字体 更奇怪的是,有一个相当基本的

我在个人计划的shinyapps.io服务器上部署了一个闪亮的应用程序。它是为客户端设计的,所以我无法通过link共享它,但我遇到的问题是,该应用程序的行为/操作方式不同,并且在某些浏览器/机器上常常不正确

例如,最令人讨厌的例子是,当我尝试嵌入CSS代码并自定义应用程序中任何内容的字体时,它在本地运行时可以工作,但在部署时,它将在新边缘显示为Times New Roman,在Chrome上显示为Times New Roman,但在Firefox上显示为基本闪亮字体

更奇怪的是,有一个相当基本的反应性文本输出(仅在服务器端计算系统时间的另一个输入上是反应性的),如果我在我的计算机上用Edge或Chrome启动应用程序,它根本不会显示出来,但在其他计算机和Firefox上运行良好

在整个开发过程中,还有许多其他类似的奇怪之处,我需要帮助缩小如何使这个应用程序在所有浏览器上一致工作的范围。它正在成为一个真正的问题,我不想让它溜走,让它以后再出现

我是否有任何可能导致这种情况发生的原因/错误?我怀疑是因为不同的浏览器/计算机有不同的默认设置,所以会产生冲突,而且我使用的一些小众软件包的性能也不好。我也在自己的研究中了解到,我的字体问题可能是因为我没有明确保存CSS样式表,但我只尝试了默认存在的HTML/CSS字体(缩写)

以下是我在应用程序中使用的所有软件包的列表供参考:shiny、shinyWidgets、shinythemes、ShinyCSLoader、tidyverse、png、jsonlite、googledrive、googlesheets4和lubridate

虽然这是一个相当复杂的程序(大量依赖项、条件面板、googlesheets4嵌入连接),但在过去使用这些包时,这些问题从未发生在我身上。任何帮助都将不胜感激,我们已经为此奋斗了数周

三件事

  • 首先,你至少可以分享html和css——或者任何html和css——问题出在哪里

  • 第二,你有没有尝试用一个最小的例子来重现这个问题

  • 第三,我怀疑你的问题是某种条件CSS的根源。您可以做的是比较发送到每个浏览器/机器组合的CSS。我猜他们不一样。如果它们确实存在,那么您可以通过添加自定义css来解决问题

    • 三件事

      • 首先,你至少可以分享html和css——或者任何html和css——问题出在哪里

      • 第二,你有没有尝试用一个最小的例子来重现这个问题

      • 第三,我怀疑你的问题是某种条件CSS的根源。您可以做的是比较发送到每个浏览器/机器组合的CSS。我猜他们不一样。如果它们确实存在,那么您可以通过添加自定义css来解决问题