chrome高级调试技巧_前端开发用得到的小技巧
chrome浏览器作为前端开发者最常用的软件,相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信?一起来看看前端开发者最常用的软件有多厉害....
1#. 一键重新发起请求
在与后端接口联调或排查线上BUG时,你是不是也经常听到他们说这句话:你再发起一次请求试试,我这边看下为啥出错了!
重发请求,这有一种简单到发指的方式。
选中network
点击Fetch/XHR
选择要重新发送的请求
右键选择Replay XHR
不用刷新页面,不用走页面交互,是不是非常爽!!!

2#. 在控制台快速发起请求
还是联调或修BUG的场景,针对同样的请求,有时候需要修改入参重新发起,有啥快捷方式?
选中Network
点击Fetch/XHR
选择Copy as fetch
控制台粘贴代码
修改参数,回车搞定曾经我总是通过改代码或者手写fetch的方式处理,想想真是太傻了...
3#. 复制JavaScript变量
假如你的代码经过计算会输出一个复杂的对象,且需要被复制下来发送给其他人,怎么办?
使用copy函数,将对象作为入参执行即可以前我总是通过JSON.stringify(fetfishObj, null, 2)打印到控制台,再手动复制粘贴,这效率实在是太低了...
4#. 控制台获取Elements面板选中的元素
调试网页时通过Elements面板选中元素后,如果想通过JS知道它的一些属性,如宽、高、位置等怎么办呢?
通过Elements选择要调试的元素
控制台直接用$0访问

5#. 截取一张全屏的网页
偶尔咱们也会有对网页截屏的需求,一屏还好,系统自带的截屏或者微信截图等都可以办到,但是要求将超出一屏的内容也截下来咋办呢?
准备好需要截屏的内容
cmd + shift + p 执行Command命令
输入Capture full size screenshot 按下回车
掌握了这些前端开发的简单的小技巧,肯定可以帮助你在前端开发的路上如虎添翼,小编在这里祝大家前程似锦!更多谷歌浏览器教程就在chrome下载站!
360安全浏览器阅读模式不登录能用吗
我们电脑里使用的浏览器都有着各式各样的功能,像小编使用的是360安全浏览器,这款浏览器不仅上网快,并且里面内置的功能都十分好用,像我们使用360安全浏览器时,如果不想登录账号的话是不是也可以正常使用?
google Chrome浏览器隐私模式快捷键
本文讲解google Chrome浏览器隐私模式的快捷键及使用方法,方便用户快速进入无痕浏览,保护上网隐私。内容简洁明了。
谷歌浏览器插件与扩展功能管理技巧
分享谷歌浏览器插件与扩展功能的管理技巧,帮助用户科学配置和优化扩展,提升浏览器功能发挥和性能表现。
Chrome浏览器如何提升网页加载速度方法
介绍多种Chrome浏览器提升网页加载速度的方法,包括缓存优化、DNS加速和关闭不必要插件,帮助用户显著提升浏览效率,减少等待时间。
怎么调整谷歌浏览器的字体大小
怎么调整谷歌浏览器的字体大小?接下来小编就给大家带来谷歌浏览器调整字体大小具体方法教程,大家赶紧来看看了解一下吧。
谷歌浏览器插件的异常监控及报警机制
谷歌浏览器插件异常监控及报警机制及时发现插件异常,帮助快速响应和修复,提升扩展稳定性。
如何修改Google Chrome默认安装路径
如何修改Google Chrome默认安装路径?最近,有很多网友想在电脑上安装谷歌Chrome,但是在安装过程中,想改变安装位置。那么,应该如何操作呢?
如何将谷歌浏览器安装到非系统盘?修改谷歌浏览器安装位置步骤一览
谷歌浏览器一般都是默认安装在系统盘,为了安全起见,可以先将其安装到其他盘里并打开。
如何安装去广告的chrome浏览器?
如何安装去广告的chrome浏览器?对于浏览器而言,相信大家都用过并相信谷歌浏览器谷歌浏览器是全球都非常受欢迎的浏览器,用户通过使用该浏览器能够体验到极速流畅的浏览体验。
Chrome离线安装包怎么下载
谷歌的Chrome浏览器采用了开源的Chromium内核技术,加入了自研的沙盒保护技术,网页的多进程保护功能,自带Flash player插件,拥有极快的上网体验。
轻量化版谷歌浏览器怎么下载?<下载与安装方法>
谷歌Chrome是谷歌开发的网页浏览器,具有出色的稳定性和安全性。那么如何下载和安装轻量化版谷歌Chrome呢?其实方法有很多
win 8安装谷歌浏览器无法上网怎么办?<解决方法>
对于浏览器而言,相信大家都用过并相信谷歌浏览器 谷歌浏览器是全球都非常受欢迎的浏览器,用户通过使用该浏览器能够体验到极速流畅的浏览体验。
如何使用Chrome扩展获得易于阅读的JSON树?
JSON是一种非常流行的文件格式。有时我们可能在浏览器选项卡中有一个 JSON 对象,我们需要读取它,这可能很困难。我们可能需要去搜索一个在线工具,将其转换为易于阅读的格式,以便我们能够理解它。
我该如何进行谷歌浏览器断点调试?<基础教程>
你知道该如何进行谷歌浏览器的断点调试吗?一起来和小编学学吧!
修复 Chrome 中的“检测到网络更改”错误!
在您的各种设备上通过这些修复程序摆脱 Chrome 中的网络问题。
如何重置谷歌浏览器?
在我们日常使用谷歌浏览器时,有时会遇到浏览器崩溃或者是无法打开网页等一系列问题。这时需要我们重置浏览器,恢复默认试一下,那么,具体该如何将chrome浏览器重置呢?下面小编为大家分享了重置chrome浏览器的具体操作方法,有需要的朋友一起来看看吧!
谷歌浏览器总是崩溃怎么解决_谷歌浏览器崩溃处理步骤
你的谷歌浏览器会总是出现崩溃或是无响应的情况吗?如果会的话不如来学学该怎么解决吧!
谷歌浏览器如何开启网页预加载功能
谷歌浏览器如何开启网页预加载功能?接下来小编给大家带来谷歌浏览器启用网页预加载功能方法技巧,有需要的朋友赶紧来看看吧。