解决谷歌浏览器，打开开发者工具后，页面突然变成手机模式

最新推荐文章于 2024-05-21 21:43:49 发布
最新推荐文章于 2024-05-21 21:43:49 发布
阅读量1.9w 收藏 13
点赞数 29
分类专栏： chrome 文章标签： chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/susu1083018911/article/details/121353190
版权

遇到这个问题简直了，不太熟悉前端项目，不知道按键按到哪里了，然后就变成了手机模式，

解决方式一：可以点击下图用红框框出来的，切换一下就好了。

 解决方式二：使用快捷键ctrl+shift+m也可以实现快速切换。

简单问题记录

用桌面版Chrome模拟移动浏览器：chrome mobile emulation
loadindinding的专栏
12-18 6521
一、功能简介 chrome emulation可以实现在桌面上调试移动网页，模拟各种主流移动设备及其相关参数： 仿真触摸事件 仿真设备视角（尺寸/规格/版本） User Agent模仿 网络带宽流量控制 地理定位覆盖 设备方向覆盖 CSS媒体类型仿真 FAQ 二、如何开启 1、打开chrome浏览器，按F12，打开开发者工具，点击最左侧类似手机的图标，然后我们
chrome调试手机网页
silent_F的博客
05-30 5953
浏览器，就会有图中框框中的内容，浏览器页面越多，框框里的内容就越多，而且每一条下面都会显示你打开的网址，选择自己要调试的网页就行。3、刷新浏览器，就会出现下面界面，如果没有出现，等一会儿再刷新，只要手机成功连上电脑，就一定会出现下面界面。，说明手机没有连接成功，只要连接成功，哪怕手机没有打开浏览器，也会出现对应手机的型号。3、需要科学上网，可以自行下载梯子，也可以修改本地。进入手机设置，找到开发者模式，然后启用USB调试。2、选择扩展程序，选择管理扩展程序。2、手机通过数据线连上电脑，选择。
网页开发者模式调整到手机模式_苹果全球开发者大会将于6月22日召开 全线上模式...
weixin_39587238的博客
11-18 62
苹果公司年度最盛大的活动之一，全球开发者大会(Worldwide Developers Conference简称WWDC)将于6月22日在线上举行，苹果表示，本次WWDC将会对所有开发者免费开放，开发者可以通过开发者应用或者网站进行访问。苹果方面在早些时候宣布，随着旧金山湾区开始实施严格的管控，苹果将发布活动过渡到线上模式，苹果开发者大会通常在每年6月初举办，会上将会展示iPhone、iPad和M...
Google浏览器开启手机调试模式
Linking Haw的专栏
11-19 6504
Google浏览器开启手机调试模式，方便WapApp开发人员进行调试 打开Google浏览器，按F12打开调试模式（MAC开启调试模式是command + option(alt) + i），如图 点击 菜单栏上的 手机按钮 为了查看方便，可以将下面的菜单栏移至右侧 刷新页面（手机模式里面的页面才符合比例），选择需要模拟的设备
chrome谷歌浏览器 打开csdn网页主机版变手机版解决方法
TangXin95的博客
07-26 3027
关闭手机模拟
网页开发者模式调整到手机模式_星辉信息科技Odoo安装-开启开发者模式
weixin_39750598的博客
12-03 451
要实现我们的项目，这里需要用到开发者模式所提供的工具。开发者模式使我们可以在用户界面中直接对 Odoo 应用进行自定义操作。这有利于我们快速修改和添加功能，可用于进行一些添加字段的小调整乃至像创建带有多个模型、视图和菜单项的应用这样的复杂自定义开发。但这种直接在用户界面执行的自定义开发相对于在后续章节讲到的编程工具而言也有其局限性，如它无法添加或扩展默认的 ORM 方法(虽然有时自动化动作足以作为...
谷歌浏览器 手机/浏览器切换
柳絮
08-22 1628
谷歌浏览器 手机/浏览器切换 https://bbs.csdn.net/topics/392189627
前端谷歌浏览器最全调试工具解析
07-23
在当今前端开发领域中，谷歌浏览器（Google Chrome）作为一款集高效性、灵活性与强大功能性于一身的网页浏览器，已经成为Web开发者们的首选工具。随着其每六周一次的更新周期以及不断增加的新特性，Chrome不仅是一款...
详细教程：Google Chrome谷歌浏览器中安装JsonView插件（含插件压缩包）
C_learnerwj的博客
01-04 3898
详细教程：Google Chrome谷歌浏览器中安装JsonView插件实现json数据转码、缩进、格式化的方法（含插件压缩包）目录写在前面的话软件安装包分享具体安装步骤最后 目录 写在前面的话 开发过程中一些json数据没有经过格式化或Unicode编码，没有缩进和换行等，给开发者阅读造成了一定的困难。比如下图为未格式化数据： jsonview插件可以自动对json数据进行转码、缩进、格式化...
F12谷歌开发者工具使用详解
m0_37680131的博客
05-21 1207
对于许多前端开发者和网页设计师来说，浏览器的开发者工具是不可或缺的利器。通过这些工具，我们可以深入了解网页的内部结构、调试代码、测试设计以及优化性能。不同的浏览器（如Chrome、Firefox、Safari）都有自己的开发者工具，虽然界面和功能略有差异，但基本功能都大同小异。本文将带你学习一些google开发者模式的妙用。
Axure谷歌浏览器插件V0.6.3安装指南
- 用户需要在谷歌浏览器中输入地址 "chrome://extensions/"，这将打开扩展程序的管理页面。 - 如果是通过浏览器的用户界面进行操作，可以在浏览器的右上角找到一个菜单按钮（通常是一系列水平条纹或三个竖点），从中...
谷歌浏览器打断点调试
最新发布
06-26
谷歌浏览器（Chrome）是一款流行的网络浏览器，它内置了强大的开发者工具，其中包括用于打断点调试的功能。在JavaScript开发中，打断点是一种非常有效的调试技术，它允许你在代码的特定行暂停执行，以便查看和分析...
网页开发者模式调整到手机模式_线上考试请学会手机勿扰模式
weixin_39719018的博客
11-25 1988
点击蓝字关注“山东艺考精灵”山东艺考生一起最新权威艺考资讯、交流群公众号菜单栏查看更多我不允许你们还在每天胆战心惊的转发这张?图片(神秘的微笑)，害怕电话、微信、qq消息打断考试。你是个艺考生，你已经长大了，要学会懂事了！希望你们来跟我一起学，打开“勿扰模式”，设置勿扰模式：就是“天王老子”给你打电话，他也影响不了你考试！！！打开“设置”找到“勿扰模式”设置“勿扰模式”关键几项：01、始...
pc网页调整为手机模式
m0_60402142的博客
06-22 1万+
pc网页调整为手机模式
【Google Chrome】如何让浏览器显示手机网页
热门推荐
鸡窝
03-06 3万+
先前在网上爬文的时候看到过很多文章说在Chrome的快捷方式上加参数以达到显示手机网页的效果，总感觉有点不妥。 今天在老外网站上看到一篇文章，如何把各种浏览器变成手机模拟器，以达到显示手机网页的效果。这对于开发移动网页的童鞋是莫大的关怀，于是乎不敢独享。 首先贴上外网原文的地址，E文好的同学可以直接浏览。How to Change Your Browser’s User Agent Wit
恢复【谷歌浏览器开发者工具】默认设置(亲测)
gb4215287的博客
02-23 3574
恢复【谷歌浏览器开发者工具】默认设置： 来源：恢复【谷歌浏览器开发者工具】默认设置_小枯林的博客-CSDN博客_谷歌浏览器开发者模式怎么恢复默认
解决chrome浏览器和edge浏览器自动跳转htpps问题
DLG77的博客
02-24 2001
点开设置，选择Cookie和网站安全，然后选择不安全的内容。选择隐私和安全，默认是屏蔽，改成允许。在里面添加需要访问的网站。
Chrome浏览器模拟手机访问网站的设置方法
一只被射手情感绑架多年的天蝎
10-28 1705
Chrome32和33版本以后增加了更加便捷的方法，在开发者工具中只需要设置一下就能方便的模拟各种手机型号的访问效果了。方法如下： 1、打开Chrome浏览器，需要32以后版本的。笔者使用的是Chrome 33版本。 2、打开“开发者工具”，快捷键（F12或者Ctrl+Shift+i）。 3、在“开发者工具”界面的右侧有个“Show dra
chrome模拟手机和web的切换方式
weibin_6388的专栏
06-09 4167
有时在开发的时候，会出现chrome切换到模拟移动端的方式，不方便自己的开发，这种问题由于误操作过一段时间会出现一次，其解决方案时，进入调试模式，左上角有个手机的图标，点击后即可进行切换。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值