谷歌浏览器，打开开发者工具后，以前页面突然变成手机大小了，求解决。

夕照坡上的狗尾草 2017-07-07 10:17:48

...全文

2897 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

masanaka 2017-07-07

打赏
举报

回复 2

这是设备模拟器功能 ctrl+shift+M F12框的左上角的第二个按钮

夕照坡上的狗尾草 2017-07-07

打赏
举报

回复 8

引用 1 楼 zeratul1990 的回复:

感谢。成功解决。

拜一刀 2017-07-07

打赏
举报

回复 9

微信开发者工具使用教程如何上传、发布、审核等2020年3月31日录 - 微信开发者工具使用教程01-微信开发者工具的下载和安装02-微信小程序账号的注册、登录、appid的获取03-微信小程序开发和公众号开发模式的切换04-微信小程序如何导入项目05-不在以下request合法域名列表如何设置解决06-模拟器、编辑器、调试器的使用07-本地如何调试、手机测试小程序08-公众号账号关联和管理多个小程序09-微信小程序项目管理、上传、审核、发布10-如何能学会微信小程序开发

谷歌浏览器开发者工具中的Network是前端,程序等相关开发者经常用到的,那么你都知道他们每个功能的意义吗?相信读了这篇文章,将会对你的工作带来事倍功半的效果因本人经常有360极速浏览器,谷歌内核,所以本文以360极速浏览器的开发者工具Network为例,基本和谷歌的Network一致看接口的返回值看接口的请求头，响应头查看资源的加载速度查看资源的大小，缓存情况，响应情况（cdn、waiting 等时间）功能区 2.筛选区(功能区漏斗需要开启) 3.快照区(功能区需要打开屏幕捕获)

一般在windows系统上浏览器开发者工具打开都是按F12快捷键，按F12快捷键打开谷歌浏览器如下图所示，下面来分别解释一下各个功能一、第一个功能：定位的作用，点击一下这个图标，将鼠标放在任意页面上的位置，就可以查看到右边的源码二、第二个功能：是用于屏幕适配的，也就是说谷歌浏览器可以模拟各个型号的手机打开wap页面，如果需要增加手机型号，点击下拉菜单的Ed...

问题：解决办法： ctrl+0 完美解决：

目录如何打开Element面板1 元素选择2 设备选择模式3 主菜单4 元素面板5 样式调整的CSS预处理器Console面板Sources面板Network面板简单介绍一下chrome的控制台，它的作用在于，帮助开发人员对网页进行布局，比如HTML+CSS，帮助前端工程师更好的调试脚本（JavaScript、jQuery）之类的，还可以使用工具查看网页加载过程，获取网页请求（这个过程也叫做抓包）。如何打开按F12或右键点击‘检查’可打开此工具。 Element面板该标签使用来查看页面的HTML标

62,046

社区成员

669,049

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章