浏览器控制台手机模式设置不同宽高

最新推荐文章于 2024-01-06 19:13:29 发布
最新推荐文章于 2024-01-06 19:13:29 发布
阅读量995 收藏 2
点赞数 3
分类专栏： 常用环境搭配 vue3 vue2 文章标签： edge浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43532275/article/details/128264022
版权
vue2 同时被 3 个专栏收录
26 篇文章 1 订阅
订阅专栏
vue3
16 篇文章 0 订阅
订阅专栏
常用环境搭配
4 篇文章 1 订阅
订阅专栏

 1、在浏览器此位置即可设置手机模式

 

 

 2、切换自己需要的尺寸模式，若是常用这里没有，则点击edit,设置需要的尺寸

 

 

 

圆周率呀
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
ThinkPHP浏览器控制台输出内容
03-16
ThinkPHP3.2.3利用行为扩展，实现浏览器控制台输出数据。 文件夹一共3个文件。 1.Behavior 请放在 Application\Common 下 2.function.php 请放在 Application\Common\Common 下 3.tags.php 请放在 ...
Chrome添加调试机型
小布1994的博客
09-06 7529
打开chrome,按F12。选择toggle device toolbar。切换到手机模拟器模式，手机类型下拉列表，选择Edit device name 输入设备名称 如 HuaWei P10 device pixel ratio（设备像素比），一般是输入2 输入手机分辨率的width、height(如果像素比是2,19201080分辨率的手机，在这里widthheight就要输...
移动端自定义宽高测试
月来better
03-28 430
当遇到特殊移动端屏幕，需要自定义去设置其宽高，测试其效果 第一步：点击型号，最下面有个 Edit，点击 Edit 第二步：点击 Add Custom Device，即可自定义设备
手机端网页调试想看浏览器控制台的方法
最新发布
weixin_63448554的博客
01-06 1616
点击下面的vConsole按钮就可以弹出控制台了，可以进行一些简单的调试，如果需要更复杂的调试，好像是可以通过手机系统安装什么证书，然后可以在电脑上调试，看同事使用过，博主没用过，上面这个调试如果不理想大家可以去网上找其他方法试试看。
Safari实现对移动端H5页面调试
yanhaijunyan的博客
04-21 5381
通过Safari实现对移动端H5页面调试。 在移动端App开发模块里使用h5页面展示可以加快开发速度，但是h5模块出现问题需要调试并不方便。通过Safari辅助功能，可以发现定位问题。 总结操作步骤如下: 手机 ->设置->Safari ->高级->JavaScript打开、Web检查器打开 xcode工具通过usb连接手机，运行App 在App中点击进入到H5展示页面 ...
移动端浏览器设置控制台、调试
weixin_45952434的博客
07-06 2979
移动端浏览器打开控制台调试
如何在Node和浏览器控制台中打印彩色文字
01-20
这篇文章中，我们主要研究的是如何在Node中打印出彩色文字，浏览器的只是附带。 一、常用场景： 1、在Wepack的打包过程中，显示打包完成后，控制台输出了几行注目的彩色文字信息。 2、在cli工具中，提示的信息有时...
consemu:浏览器控制台模拟器——无需打开开发工具即可查看控制台输出
06-30
【consemu:浏览器控制台模拟器】 在前端开发中，JavaScript是不可或缺的一部分，而调试JavaScript代码时，浏览器的开发者工具中的控制台扮演了至关重要的角色。然而，频繁地开关开发者工具可能会打断开发者的工作...
requirify:浏览器控制台中的require（）npm模块
05-25
标题 "requirify: 浏览器控制台中的require（）npm模块" 指的是一种技术，它使得开发者能够在浏览器环境中使用类似于Node.js中的`require()`函数来加载和使用JavaScript模块。通常，在Node.js环境下，`require()`是...
前端开发快速调整/保留常用浏览器尺寸（手机/pc端通用）
qianduanajl的博客
06-30 3797
1. 本文适用问题与痛点： 1.1 在浏览器快速切换各种非默认尺寸 1.2 所需测试的浏览器尺寸大于你的屏幕分辨率 2. 通过控制台调整自定义尺寸（本文都以chrome浏览器为例） 按【F12】调出控制台，点击下图1处调整控制台显示的方位，在手机端页面开发的时候，本人习惯选择最右的，在屏幕右侧显示控制台。 点击下图3处图标或Ctrl + Shift + M调出自定义模式 设计人员常用的尺寸是iPhone 6/7/8(375 * 667) 和 iPhone X(375 * 812) 自定
移动端控制台
10-11
移动端控制台
关于手机显示web页面样式笔记
isealand的专栏
07-24 803
1、禁止页面缩放，在header头加上： IOS： Android： 2、div边框圆角，整个div居中显示，内2个li并行 .midd{ width: 78%; margin-left: auto;margin-right: auto;} .linediv{     border:2px solid black;     border-color: #C
安卓手机如何查看手机控制台输出
baidu_41267789的博客
09-19 4595
最近在搞小程序，写篇博文记录一下小程序中微信号一键登录功能的实现。 建议配合阅读： 前端：https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.login.html 后台：https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/login/auth.code2Session.html 实现登录流程：https://develope
手机浏览器查看控制台
清雨小竹
11-16 6828
html <script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script> <script> //初始化一下就可以了， let vConsole = new VConsole(); //你打印的数据 比如 console.log('test'); //就可像小程序一样的看了和调试了。 </script> vue //如果是在vue中要先安装包 npm i.
在手机端的能看到console打印的方法
qyx189573的博客
11-09 7068
能在手机端h5的能看到console打印数据的两种处理方法 ##方法一 //自己封装一个js ##方法二 像微信小程序一样的手机调式
移动端的屏幕分辨率与浏览器的视口宽度(视口大小)是两回事儿,通常来说手机的视口宽度是多少？
昊虹AI笔记
09-05 540
移动端的屏幕分辨率与浏览器的视口宽度(视口大小)是两回事儿
chrome浏览器调试手机端h5页面
热门推荐
铁柱的博客
12-27 2万+
这个是常识性的问题了。奈何我之前确实是不知道。只知道用F12来调试PC端的页面，这次经过同事指点，终于知道为啥人家在浏览器调试手机端页面，显示的大小都是手机端的。 步骤：1、打开F122、如果所示点击咱们平时寻找网页的DOM节点，都是用的第一个。 第二个就是专门用来调整手机端页面的。先点击这个按钮。3、选择适配的手机型号      按照2操作点击之后，我们可以看到这个界面。箭头的位置是一个下拉选
手机、浏览器的分辨率、状态栏参数
u013261261的专栏
02-09 7772
iPhone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus设计版 1242×2208 px 401PPI 60px 132px 147px iPhone6 plus放大版 1125×2001 px 401PPI 54px 132px 147px iPhon
VUE 移动端控台
weixin_39273589的博客
06-10 573
VUE 移动端控台
Chrome 浏览器控制台设置成中文
05-27
将 Chrome 浏览器控制台设置为中文的步骤如下： 1. 打开 Chrome 浏览器。 2. 点击浏览器右上角的菜单按钮（三个竖点图标），选择“更多工具”-“开发者工具”。 3. 在开发者工具窗口中，点击右上角的菜单按钮（三个竖点图标），选择“设置”。 4. 在设置页面中，选择“Preferences”（偏好设置）。 5. 在偏好设置中，将“Language”（语言）设置为“中文（简体）”或“中文（繁体）”。 6. 关闭设置页面，重新打开开发者工具窗口，现在控制台的界面就会显示为中文了。 注意：以上步骤可能因浏览器版本而略有不同，但大致操作流程相同。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

圆周率呀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值