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浏览器下载安装包的版本管理与更新策略对软件稳定性至关重要。文章分析管理方法,指导用户合理维护浏览器版本。
如何通过Chrome浏览器加速网页的JavaScript加载
提供在Chrome浏览器中加速网页JavaScript加载的技巧,改善网页响应速度。
谷歌浏览器如何设置不同网站不同默认语言教程
介绍谷歌浏览器为不同网站设置不同默认语言的具体操作方法,帮助用户实现精准的语言环境切换,提升浏览体验。
谷歌浏览器轻量版下载安装操作技巧
谷歌浏览器轻量版安装技巧提供高效操作方法,帮助用户快速安装浏览器,节省资源并提升使用流畅度。
谷歌浏览器新闻动态与用户关注焦点
谷歌浏览器新闻动态丰富。文章分析功能更新、用户关注焦点及趋势动向,帮助用户快速掌握最新变化,提升浏览器使用体验。
安装谷歌浏览器错误代码“0x80004002”该如何解决?
不知道大家是否有在给电脑安装Google chrome浏览器时碰到不正确代码0X80004002的情况呢?如果你不知道如何解决?就来试试下面的这个方法吧
谷歌浏览器安装错误代码“0xa0430721”该怎么办
谷歌浏览器安装时报错“0xa0430721”是怎么回事呢,小编这就带你解决问题
谷歌网络浏览器安装不了怎么办?
谷歌浏览器安装不了怎么办?虽然现在市面上的浏览器越来越多,但是还是有很多朋友更喜欢用谷歌Chrome。这个浏览器确实很好用,但是最近有很多朋友反映自己的电脑装不了谷歌Chrome。那么这个时候我们该怎么办呢?不清楚的朋友来们一起来看看如何操作吧!
怎么下载PC版谷歌浏览器
怎么下载PC版谷歌浏览器?谷歌60%以上的浏览器市场份额基本上是无敌的。
谷歌浏览器安装失败怎么办_谷歌安装失败解决方法
你有没有在使用谷歌浏览器的时候遇到各种问题呢,你知道谷歌浏览器安装失败是怎么回事呢?来了解谷歌浏览器安装失败的解决方法,大家可以学习一下。
谷歌浏览器的下载及使用教程_谷歌浏览器下载攻略
你会下载谷歌浏览器吗?你会使用谷歌浏览器吗?谷歌浏览器的便捷功能你都知道吗?如果不是很清楚的话就来一起学学吧!
无法在Windows上从Google Chrome下载或保存图像怎么办?
谷歌浏览器是互联网上最好和最广泛使用的浏览器之一。但是,有时由于隐藏的错误,它可能会遇到问题。
如何在win10系统安装谷歌浏览器插件?<安装方法>
google浏览器一直深受广大用户的喜爱,但有些用户升级到win10系统之后,不知道要怎么安装本地插件。下面就一起来看看Google浏览器插件安装的具体操作步骤吧,方法很简单,希望能够帮助到大家。
手机版谷歌浏览器怎么设置中文
手机版谷歌浏览器怎么设置中文?接下来就让小编给大家带来手机版谷歌浏览器中文设置步骤一览,感兴趣的朋友千万不要错过了。
谷歌浏览器登录后没有响应_谷歌浏览器没有响应解决方案
你有没有在使用谷歌浏览器的时候遇到各种问题呢,你知道谷歌浏览器登录后没有响应是怎么回事呢?来了解谷歌浏览器登录后没有响应的解决方法,大家可以学习一下。
如何在谷歌浏览器中关注网站?
上个月,谷歌宣布了一项新的实验性功能,让用户可以在 Chrome 中关注任何网站,从根本上消除了对智能手机上专用 RSS 阅读器应用程序的需求。这家软件巨头最初是在 Chrome for Android 上测试该功能。
如何配合Chrome使用Evernote?
Evernote是一款多平台的笔记app。该应用程序将笔记和图像分类到笔记本中,使您可以轻松地组织和标记它们。