如何检查网页在平板电脑上的响应速度

时间:2015-08-06 09:50:09

标签: twitter-bootstrap web

我在检查设计的网页在平板电脑等移动设备上的外观方面存在问题。

我找到了在线模拟器,但其中任何一个都没有显示真实的外观。 在这些模拟器上,一切都是正确的,但是当我在平板电脑上检查它时看起来非常糟糕。

我需要一种简单的方法来检查响应式网站外观。

2 个答案:

答案 0 :(得分:2)

您可以使用Chrome的内置设备模式模拟器。

  

启用设备模式:

  • 在Google Chrome上按F12以访问DevTools。
  • 按左上角的“电话”图标打开设备模式 DevTools。

了解更多信息:Device Mode & Mobile Emulation

答案 1 :(得分:2)

(正如Ashwin K指出的那样) - 在Chrome中,按F12并点击电话图标。您可以从页面顶部的下拉列表中更改设备类型。

在Edge&在Internet Explorer(v11)中,按F12并选择“仿真”。目前无法保证低于11的版本。

在Safari中,使用页面顶部的“开发”菜单(如果没有,则在Safari的首选项中启用)

在Firefox中,如果你正在使用Mac,请按Ctrl + Shift + M或Cmd + Opt + M