因此，当然，您希望您的网站看起来不错，并为这一日益增长的用户群体带来愉快的体验。 您可能自己就有一部智能手机。这为您提供了一种在手机上测试网站的便捷方式。但是屏幕尺寸如此之多，即使它在您的设备的 6½ 英寸屏幕上看起来不错，但在更受限制的 4.7 英寸型号上可能效果不佳。也许您没有平板电脑。您如何确定网站在那种环境下能正常工作？ 幸运的是，使用电脑上的浏览器，您可以模拟您的网站在各种不同设备上的表现。
虽然它不会完美地重现使用手机时的体验，但您可以查找 马其顿电话数据 任何明显的问题并确保愉快的移动体验。 大多数浏览器都有一套工具来帮助网站开发。我将重点介绍 Google 的 Chrome 浏览器，但所有主流计算机浏览器（如 Safari、Firefox 和 Microsoft Edge）都具有类似的功能。让我们在我的计算机上打开开发人员工具，方法是转到“查看”>“开发人员”>“开发人员工具”： chrome 开发者工具 - 当你只有一台电脑时，测试你的网站在不同设备上的表现 在 Google Chrome 中打开开发者工具 选择此菜单项或其键盘快捷键将在当前浏览器窗口或新窗口中弹出工具。
开发人员工具按选项卡组织， 开发人员工具中的选项卡 - 当您只有计算机时，针对不同设备测试您的网站 开发者工具顶部的选项卡 不过，我们实际上不会查看显示完整单词的选项卡。我们要找的是选项卡左侧的图标，它看起来像两个小矩形，分别代表平板电脑和手机。 响应式图标 - 当您只有计算机时，测试您的网站是否适用于不同的设备 设备工具栏切换按钮 此图标可切换 Google Chrome 所称的“设备工具栏”。