首页 > 电脑专区 > 电脑教程 >

Chrome浏览器如何模拟手机端

来源:互联网 2023-02-21 23:38:16 250

做页面开发的朋友,有时需要测试页面在手机浏览器上的显示,这时我们可以使用电脑上的chrome浏览器来访问网页,然后模拟手机端来看显示效果的,下面来看一下是怎么弄的。NHl办公区 - 实用经验教程分享!

Chrome浏览器如何模拟手机端?NHl办公区 - 实用经验教程分享!

方法/步骤

  • 1

    先在浏览器上打开你要测试的页面。NHl办公区 - 实用经验教程分享!

    Chrome浏览器如何模拟手机端?NHl办公区 - 实用经验教程分享!

  • 2

    右键点击页面上的空白地方,点击右键菜单上的检查。NHl办公区 - 实用经验教程分享!

    Chrome浏览器如何模拟手机端?NHl办公区 - 实用经验教程分享!

  • 2本页面未经授权抓取自百度经验
  • 3

    在浏览器下方会打开检查器,点击左边的手机图标。NHl办公区 - 实用经验教程分享!

    Chrome浏览器如何模拟手机端?NHl办公区 - 实用经验教程分享!

  • 4

    点击后,就是使用手机端浏览器来显示页面了,但现在显示的页面还是和电脑端一样的。NHl办公区 - 实用经验教程分享!

    Chrome浏览器如何模拟手机端?NHl办公区 - 实用经验教程分享!

  • 5

    我们点击刷新一下页面。NHl办公区 - 实用经验教程分享!

    Chrome浏览器如何模拟手机端?NHl办公区 - 实用经验教程分享!

  • 6

    刷新后,可以看到现在显示的是手机端的页面了。NHl办公区 - 实用经验教程分享!

    Chrome浏览器如何模拟手机端?NHl办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!NHl办公区 - 实用经验教程分享!


    标签: CHROME浏览器浏览模拟

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码