用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

相关推荐

  • 503 Service Temporarily Unavailable错误怎么解决

    503 Service Temporarily Unavailable错误是常见的Web服务器错误之一,它通常表示服务器暂时无法处理请求。这个错误可能会由于许多不同的原因而出现,例如服务器维护、资源不足或软件错误等。对于用户来说,这个错误可能会造成不便,因为他们无法访问所需的网页或使用相关的服务。为了解决这个问题,以下是一些可能的步骤和注意事项。 1. 检查…

    2023年8月12日
  • 蓝色牛仔裤怎么搭配白色上衣最好看?(蓝色牛仔裤搭配白色上衣技巧与建议)

    蓝色牛仔裤怎么搭配白色上衣最好看? 蓝色牛仔裤和白色上衣的搭配是时尚界中永恒的经典组合。它们之间的搭配不仅简单易懂,而且能够展现出清新、优雅的气质。以下是一些关于蓝色牛仔裤搭配白色上衣的技巧和建议: 1. 选择合适的款式:白色上衣的款式繁多,从简约的基本款到有设计感的潮流款都可以与蓝色牛仔裤搭配。但是,为了避免整体造型过于复杂,建议选择款式简单的白色上衣,这…

    技术 2023年9月24日
  • 最火系鞋带的价格和品质如何(价格与品质评测)

    想要了解最火系鞋带的价格和品质如何吗?下面将为大家评测一下最火系鞋带的价格和品质,帮助你在选购时更加明智。 价格评测 最火系鞋带的价格因品牌、材质、设计等因素而异。一般而言,普通款式的最火系鞋带价格在几十元到上百元之间。少数高端品牌或特殊设计的系鞋带可能会达到几百元甚至更高。 市场上有许多不同价格的系鞋带,价格高低与品牌知名度、制作工艺等关系密切。较贵的系鞋…

    2023年9月16日
  • 15款常用抓包工具大全分享【经验之谈】

    美好的一天从这里开始啦!今天笔者周承瑶来说说15款常用抓包工具大全分享,以及关于抓包工具工具,网络,协议的一系列相关内容,希望你认真看完这篇文章后,能充分理解我想表达的意思。相信你很快就能掌握!你离大牛越来越近了! 1. Hping Hping是最受欢迎和免费的抓包工具之一。它允许你修改和发送自定义的ICMP,UDP,TCP和原始IP数据包。此工具由网络管理…

    2022年9月3日
  • 宝塔面板修改PHP文件上传大小【新手必看】

    最近比较忙,今天吴丁发又抽时间给大家带来了宝塔面板修改PHP文件上传大小干货,以及宝塔面板教程宝塔,面板,大小相关的问题,成功的路上不会一帆风顺,每一个成功的背后都有一个惊人的故事。 宝塔面板修改PHP文件上传大小很简单,直接打开宝塔面板WEB端 进入软件商店 选择已经安装且正在使用的PHP版本号 点击设置->配置文件 搜索post_max_size …

    2022年11月22日
  • 如何查看自己的微信是被谁投诉举报的?【详细介绍】

    今天周谢给大家带来了这篇如何查看自己的微信是被谁投诉举报的干货,以及查看微信被谁投诉反馈,原因,时间等等相关的各种干货,认真阅读完,把我想表达的思路完全理解,相信你很快就可以掌握! 有很多朋友都碰到过微信无缘无故被人投诉了,这种情况对生活和工作非常有影响,而且并知道被举报的原因,以后还可能继续被举报,很是麻烦。 下面给大家分享如何查看自己的微信是被谁投诉举报…

    2022年8月7日