【问题标题】:One part of my web app shows only sometimes我的网络应用程序的一部分仅有时显示
【发布时间】:2018-10-08 21:19:57
【问题描述】:

我正在开发我的第一个网络应用程序用于学习目的。它包含一个日历,您可以在其中异步添加、编辑和删除它们。简单的。

一切似乎都很好,但是一旦我将它上传到我的主机,一位朋友告诉我他看不到日历,只有页眉和页脚......他说这发生在所有浏览器上,但在智能手机它工作正常......我检查了自己,我可以在我的所有浏览器上看到它(这就是我没有注意到的原因),但在智能手机上发生了同样的错误!这和我朋友遇到的问题一样,但在相反的设备上。

我联系了主机,并将 PHP 版本更改为我用来开发它的 XAMPP 上最相似的版本...(xampp 上为 5.6.32,主机上为 5.6.35),但问题仍然存在开。

我也尝试更新引导版本。日历是通过引导程序、JS(具有一些 ES6 功能,如导入-导出模块)和 jquery 通过 PHP 从数据库返回数据完成的......没什么特别的。

你知道会发生什么吗?要查看日历,您必须登录。

如果您想登录并查看它,请使用这些虚假凭据:

电子邮件:test@gmail.com 通行证:12345678

这是链接

http://myreminder.avanzartewebs.com/

我会把有问题的文件的head标签放上来看看能不能给你提示

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" defer></script> 

    <!-- Latest compiled and minified CSS -->
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
    <!-- Latest compiled and minified JavaScript -->

    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous" defer></script>

    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.bundle.min.js" integrity="sha384-lZmvU/TzxoIQIOD9yQDEpvxp6wEU32Fy0ckUgOH4EIlMOCdR823rg4+3gWRwnX1M" crossorigin="anonymous" defer></script>

    <link rel="stylesheet" type="text/css" href="../assets/css/styles.css">

    <script src="getAndPrintDate.js" defer></script>

    <!--<script src="assets/js/crearCalendario.js" defer></script>-->
    <script src="view_crearAnioCompleto.js" type="module"></script>

    <!--<script src="assets/js/buildList.js" defer></script>-->

    <!--the scripts with type=module (which work with modules using the imports) are defer by default-->
    <script src="../controls/clickOnCell.js" type ="module" ></script>
    <script src="../controls/taskSubmit.js" type ="module" ></script>
    <script src="../controls/listButtonsClick.js" defer ></script>
    <script src="../controls/editTaskSubmit.js" type="module" ></script>
    <script src="../assets/js/fontawesome-all.js" defer ></script>







</head>

【问题讨论】:

  • 我无法重现该问题。当我登录时,我会在所有浏览器和我的 iPhone X 上看到日历。
  • 我将尝试使用没有 ES6 导入/导出的版本,看看是否可以修复它。不知道是什么原因造成的

标签: javascript php jquery twitter-bootstrap ecmascript-6


【解决方案1】:

尝试下载这些,而不是从他们的网站链接它们并尝试。我的主人正在阻止它。那是我想看看的东西。

<!-- Latest compiled and minified CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous" defer></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.bundle.min.js" integrity="sha384-lZmvU/TzxoIQIOD9yQDEpvxp6wEU32Fy0ckUgOH4EIlMOCdR823rg4+3gWRwnX1M" crossorigin="anonymous" defer></script>

【讨论】:

  • ok 会尝试,在智能手机上私人浏览器显示正确,但不是在普通浏览器上
  • 好的,下载并更改:
  • 您现在可以检查一下吗?
猜你喜欢
  • 2011-03-25
  • 2017-09-11
  • 2011-10-06
  • 1970-01-01
  • 1970-01-01
  • 2015-01-30
  • 1970-01-01
  • 1970-01-01
  • 2020-08-10
相关资源
最近更新 更多