用Chrome控制台测试移动端效果【新手必看】

小伙伴们你们好,秦嘉微很高兴又和各位见面了,今天主要来讲讲用Chrome控制台测试移动端效果,还有Chrome移动端控制台,效果,测试相关的各种内容,这些其实都是一些必备知识,只是有些时候我们没有遇到就没有去了解而已!

前段时间因为QQ浏览器固定了最小宽度,让我没办法在PC上调试移动端的自适应网页,后来通过一款浏览器插件解决了这个问题,但我还是装上了Chrome浏览器。现在看来当时确实没见识,做了件傻事。因为Chrome控制台本来就有调试移动端网页的功能,我一直不知道。而且这个功能还特别强大,各种型号的手机都能模拟,还能自己调整网页大小等等,非常方便,再也不用装各种各样的插件了。

先看看效果图:

用Chrome控制台测试移动端效果,Chrome移动端

尺寸手机型号随便调整,下面看看怎么开启这个功能。

在支持chrome内核的浏览器中,按下F12开启chrome控制台,点击控制台第一行第二个图标按钮,就是一个手机一个PC的那个。是不是看到了手机网页?神奇不?

用Chrome控制台测试移动端效果,Chrome移动端

如果默认设置中的手机型号没有你想要的,你可以点击chrome控制台的设置,选择devices选项,将没打勾的都选上,如果还没有你想要的,点击添加按钮自己添加吧!

好了,今天就给各位讲到这里,总体还是希望这篇文章能帮助到各位,看完了,如果你觉得用Chrome控制台测试移动端效果【新手必看】还不错的话记得帮忙点个赞哦,欢迎继续浏览本站,学习更多的知识!

本文发布者:站长老油条,不代表寂寞网立场,转载请注明出处:https://www.jimowang.com/p/5940.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 jimowangmail@126.com 举报,一经查实,本站将立刻删除。

(0)
上一篇 2022年9月14日 09:31
下一篇 2022年9月14日 09:43

相关推荐

  • 高中生如何在手机上赚钱?(赚钱方法介绍和推荐)

    高中生如何在手机上赚钱?(赚钱方法介绍和推荐) 随着手机的普及和互联网的发展,越来越多的高中生开始寻找在手机上赚钱的方法。毕竟,利用碎片化的时间赚取一些零花钱或者补贴生活费对于他们来说是非常有吸引力的。下面我们将介绍几种适合高中生在手机上赚钱的方法,希望能给大家一些启示。 1. 在线问卷调查 参加在线问卷调查是一种简单而又方便的赚钱方式。许多市场调研公司和企…

    2023年9月25日
  • 爱奇艺取消会员自动续费操作方法(图文)【详细讲解】

    大家好,今天沈振炜精心为你准备了干货爱奇艺取消会员自动续费操作方法(图文),还有关于爱奇艺取消包月会员,图文,苹果这些的相关干货文章,其他的废话在这里我也不说了,我们直接来进入正题吧! 前言 很多人开通爱奇艺会员会选择连续包月,连续包月每月都能优惠几块钱,但是次月会自动扣费,不需要您的再次确定直接扣款。 当你不想继续开通会员,那么该如何取消爱奇艺连续包月自动…

    2022年7月29日
  • 七牛云生成各种尺寸样式图片缩略图教程【详细介绍】

    HI,大家好,废话不多说,直接上干货:七牛云生成各种尺寸样式图片缩略图教程,以及关于七牛云缩略图,样式,图片的一系列相关内容,整理总结之后,我就想着写这篇文章和大家分享一下,因为毕竟新手朋友还是很多的! 我们博客网站在首页或分类列表页或其他地方或多或少都会用到缩略图,大多数都是通过timthumb.php来实现自动裁剪功能,但是这种方法裁剪的缩略图显示不太稳…

    2022年10月12日 技术
  • 如何选择适合自己机顶盒的刷机软件(选择技巧和建议)

    如何选择适合自己机顶盒的刷机软件(选择技巧和建议) 机顶盒是如今家庭娱乐中不可或缺的一部分,而刷机则是让机顶盒功能更加丰富、运行更加流畅的一种方法。选择适合自己机顶盒的刷机软件是关键,下面将为您介绍一些选择技巧和建议,帮助您轻松找到适合的刷机软件。 1.了解机顶盒型号和系统版本 首先要了解自己的机顶盒型号和系统版本,因为不同的机顶盒对应的系统和刷机方式可能不…

    2023年9月4日
  • 群晖docker青龙面板搭建教程详解【最新推荐】

    哈喽,小伙伴们大家好,今天沈状壮说的这篇文章群晖docker青龙面板搭建教程详解,以及关于青龙面板搭建服务器,工具,青龙这些的相关干货,既然来了就别走了,好好的静下心把这篇文章阅读完相信你会有一定的收获哦! 1、购买云服务器 安装之前你肯定需要一台服务器才行,如果已经有了就不用了,随便是阿里云还是腾讯云,哪个便宜用哪个,可以看看下面沈状壮以前发的服务器活动。…

    2022年11月8日 技术
  • 找人时应该注意哪些事项(注意事项和提醒)

    找人时应该注意哪些事项(注意事项和提醒) 1.明确招聘需求 在开始寻找合适的人选之前,首先要明确自己的招聘需求。考虑需要招聘的岗位类型、具体工作职责以及所需的技能和经验等。明确招聘需求可以帮助你更好地筛选候选人,并最终选择到最适合的人。 2.制定清晰的招聘计划 制定一个清晰的招聘计划有助于组织整个招聘过程。包括确定招聘渠道、招聘时间、发布招聘信息的方式、面试…

    2023年9月14日