【问题标题】:Can chrome phone emulators be trusted ?可以信任 chrome 手机模拟器吗?
【发布时间】:2017-07-28 22:40:36
【问题描述】:

在开发和测试网站响应能力时,使用手机模拟器中内置的 chrome 来准确地做到这一点是否明智?

【问题讨论】:

  • 我建议您检查console.log 错误并修复每个错误。在我的设备上,我得到了至少 15 个。你也有一些响应警告。这可能取决于您使用和加载 JavaScript 的方式。

标签: google-chrome responsive-design


【解决方案1】:

我不确定问题出在哪里,但可能是其中之一。

浏览器缓存

您过去可能对特定元素进行了更改(已修复) - 但由于您的浏览器缓存,它看起来相同。尝试清除设备上的缓存,看看会发生什么。

脚本问题

您用于使箭头上下移动的脚本可能对移动设备来说有点过多,并使其行为方式变得怪异。也许将其留在移动设备上或将其全部删除将是解决方案?

编辑:查看网站上的错误后,您似乎有很多错误和一些严重警告。如果你修补这些,它可能会在移动设备上运行。

如果这些都不是解决方案,请在下面的 cmets 中告诉我。

【讨论】:

  • 如果他们说“但是当我在我的实际手机上查看网站时”,它怎么可能是浏览器缓存?这意味着他们之前没有在他们的“实际手机”上打开它,他们只是在模拟器(或任何非实际手机)中打开它。还有“脚本问题”?为什么不“软件”?还是“技术问题”?你在一个程序员社区,雅各布。这里的一切都是“脚本问题”。为了提供答案,您应该知道它们。当您“不确定问题是什么”时,最好不回答。详情请见How to Answer
  • @AndreiGheorghiu 缓存很好。他可能大部分时间都在使用模拟器。我包含它的原因是因为他可以在上次更新时检查它。至于“脚本问题” - 我很惊讶。 JavaScript 是一种脚本语言,不是吗?您显然具有此类事情的背景(在您的个人资料中),并且应该知道这是完全有效的。在这一点上,你只是听起来很小气。简而言之,我的回答是这样的。 “如果不是缓存,那就是 脚本。”因为不知道是哪个,我说:“我不确定是什么问题。”不过,请随时证明我错了。
  • 对不起,如果我听起来像个笨蛋,希望你们为我解决问题。我是一个相当新的程序员,所以我觉得我一直处于“不知道我在做什么”阶段。
  • 无论如何,我尝试在移动设备上停止动画,但没有任何效果,但感谢 Jacob 的回复!正如你所说,我有很多严重的 js 错误,所以我可能会尝试解决这些错误,然后看看是否解决了问题(:
  • 我知道我之前的评论不是很友好,对此我深表歉意。诚然,这个问题本来可以更好地表述,如果它包含minimal reproducible example(除了指向网站的链接 - 最终会得到修复,因此不再显示问题所以它可以)会好得多帮助未来的访客)。但是,以上都不是发布上述答案的有效借口,事实上,这并不是对所提出问题的实际答案。它充其量只是一个扩展的、有用的评论,应该这样发布。
【解决方案2】:

您网站的问题似乎是没有加载 CSS 的简单案例。也就是说,您正在尝试加载似乎丢失的/assets/css/app.css (404)。

此外,要修复箭头的位置,您需要

#hero {
  flex-direction: column;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多