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下载站!
如何在Google Chrome浏览器中查看网页的安全证书
阐述在Google Chrome浏览器中查看网页安全证书的具体流程,了解网站安全性。
谷歌浏览器下载后启用智能网站建议功能
启用智能建议功能后,谷歌浏览器可根据用户习惯推荐网页内容,快速定位所需信息提升效率。
谷歌浏览器标签页分组管理操作指南
谷歌浏览器多标签页分组管理功能强大,本教程讲解操作方法,帮助用户高效整理和切换多个标签页。
谷歌浏览器下载安装包文件校验失败如何处理
本文详细讲解谷歌浏览器下载安装包文件校验失败的原因及修复方法,确保文件完整安全。
如何在安卓端谷歌浏览器中使用手势控制网页
讲解如何在安卓端Chrome浏览器中使用手势控制网页,提高浏览操作的便捷性,让交互更加高效直观。
Chrome浏览器下载文件大小限制调整方法详解
本文详细介绍Chrome浏览器调整下载文件大小限制的方法,帮助用户解决大文件下载受限问题,确保下载任务顺利完成。
win10谷歌浏览器下载文件如何显示“选择文件保存路径”提示?
Google One可以让你更快,超简洁的设计,更方便使用。一般win10正式版都是用Google Chrome下载程序或者游戏提示“选择文件保存路径”,让你选择保存位置。
如何修改Google Chrome默认安装路径
如何修改Google Chrome默认安装路径?最近,有很多网友想在电脑上安装谷歌Chrome,但是在安装过程中,想改变安装位置。那么,应该如何操作呢?
谷歌浏览器电脑版正确下载方法你知道吗?
Google Chrome是一款由Google公司开发的网页浏览器,该浏览器基于其他开源软件撰写,包括WebKit,目标是提升稳定性、速度和安全性,并创造出简单且有效率的使用者界面。
如何修复谷歌浏览器下载文件“被阻止”?<解决方法>
如果你在网上,你总是面临安全风险。幸运的是,浏览器开发者致力于让你的浏览体验尽可能的安全。
谷歌浏览器ubuntu版的安装方法及打不开的解决方法
你使用过ubuntu16 04系统吗,你知道怎么在ubuntu16 04系统中安装谷歌浏览器吗?安装之后如果打不开又该怎么办呢,快来和小编一起学习吧!
谷歌浏览器不安装到c盘
本网站提供谷歌官网正版谷歌浏览器【google chrome】下载安装包,软件经过安全检测,无捆绑,无广告,操作简单方便。
使用谷歌浏览器看视频很卡怎么办
本篇文章给大家带来Chrome看视频卡顿原因及解决方法,希望能够帮助大家解决问题。
如何将 Android 版 Chrome 切换到 64 位?
如果您在手机上运行 Android 10,Chrome 85 会将切换标记为 64 位。
更新Chrome的最佳方式有哪些?
更新Chrome可以保证你的安全,让你获得最新的功能。如果你定期重启应用程序,Chrome会自动更新。但如果你是一个让电脑一直开着,并且一直让Chrome运行的人,它就没有机会更新了。
如何阻止谷歌跟踪你的搜索?
谷歌记录了你所有的搜索历史,简单明了。如果您想使用公司的任何服务,例如油管(国外视频网站)、Gmail和谷歌地图,并对这些服务进行个性化设置,您必须使用谷歌帐户登录。出于对隐私的持续关注,你应该知道谷歌跟踪你的信息种类,它如何使用这些信息,以及你可以做些什么来更好地保护你的谷歌搜索。
谷歌浏览器处理chrome黑屏、白屏的三种方法
谷歌浏览器有时会出现黑屏或是白屏的问题,你知道该如何解决吗,快来和小编一起学习!
如何解决谷歌Chrome浏览器空白页的问题
任何网页都打不开?谷歌浏览器网页尽是空白页?这就教您如何解决