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下载站!
Chrome浏览器标签页快捷操作插件推荐与使用方法
Chrome浏览器标签页快捷操作插件推荐与使用方法可帮助用户高效管理页签,实现快速切换、整理,提高多任务浏览效率。
Chrome浏览器下载安装及密码管理工具使用
教用户如何下载安装Chrome浏览器及配套密码管理工具,增强账号安全,方便密码管理和自动填充。
Google浏览器下载安装包下载失败常见原因及修复
本文详细分析Google浏览器下载安装包下载失败的常见原因,并提供多种有效修复方法,帮助用户顺利完成下载安装。
手机谷歌浏览器如何设置电脑版网页
手机谷歌浏览器如何设置电脑版网页?今天小编带来手机谷歌浏览器设置电脑版的方法,快来一起学习学习吧。
如何在Google Chrome中优化网页代码的执行顺序
优化网页代码的执行顺序,确保重要脚本优先加载,减少页面加载时的阻塞,提高网页加载和渲染速度。
Chrome的页面布局管理
本文介绍的是Chrome的页面布局管理方法,将从使用Chrome内置设置进行页面布局管理、扩展程序增强页面布局管理等方面为大家做个详细的介绍。
谷歌浏览器下载安装完成后无法上网如何解决?<解决方法>
谷歌浏览器,又称Google浏览器、Chrome浏览器,是谷歌Google推出的一款强大好用的基于Chromium内核的网页浏览器。
如何在谷歌浏览器中启用多语言输入法
如何在谷歌浏览器中启用多语言输入法?这样也更方便了我们的操作,让我们上网更有安全保障。下面就来给大家分享启用图文教程。
如何在 Chrome 中自动打开下载?设置文件直接在 Chrome 开启的方法
谷歌浏览器是一款快速、安全且免费的网络浏览器,能很好地满足新型网站对浏览器的要求。
如何在 Fedora 上安装 Google Chrome 浏览器?
Fedora的默认网络浏览器是Firefox。虽然它是一个优秀的网络浏览器,但你可能更喜欢流行的谷歌Chrome浏览器。
如何高效设置Google浏览器
本篇文章给大家整理了谷歌浏览器性能优化设置技巧,还不清楚如何设置谷歌浏览器的朋友赶紧来看看了解一下吧。
如何在没有网络的情况下下载Google Chrome浏览器离线安装程序?
每次重装电脑,第一件事就是去谷歌Chrome官网下载安装程序。相信谷歌浏览器也是很多人日常工作或使用的首选。
手机谷歌浏览器怎么设置播放器
手机谷歌浏览器怎么设置播放器?接下来小编就给大家带来手机谷歌浏览器播放器详细设置教程,有需要的朋友不妨来本站看看了解一下。
谷歌浏览器怎么防关联-谷歌浏览器防关联的具体步骤分享
你有没有想要知道的谷歌浏览器使用技巧呢,你知道谷歌浏览器要怎么防关联吗?来了解谷歌浏览器防关联的具体步骤,大家可以学习一下。
如何通过谷歌浏览器下载 YouTube 视频?
大量互联网用户使用 Google Chrome 作为浏览器。
谷歌浏览器翻译显示服务器失败_谷歌浏览器翻译失败怎么办
谷歌浏览器自带的翻译功能是十分好用的,你有没有遇到过谷歌浏览器翻译失败的情况?快来和小编一起解决吧!
当 Chrome 根本无法工作时该怎么办?
有几次,您可能会遇到类似 Chrome 无法正常工作的问题。您无法使用浏览器完成工作,因为打不开网页、反复挂起,打开速度很慢。通常,您会清除浏览数据,然后重置它,但它们不会提供预期的结果。因此,您决定卸载它并安装,希望新文件能够正常运行。但结果却相反。无论你怎么努力,Chrome都会再次以同样的方式运行。
如何在 Google Chrome 中基于每个站点启用/禁用深色主题?
谷歌浏览器在网页上提供强制暗模式设置已经有一段时间了。但是,无法单独选择要以浅色或深色主题查看的网站。现在这种情况发生了变化,因为 Google Chrome 开发人员正在开发一项新功能,让您可以在每个站点的基础上设置深色主题。