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浏览器跨平台同步操作方法解析教程
google浏览器支持跨平台同步,教程解析操作方法,用户可在不同设备间同步书签、历史记录与扩展,实现数据一致与便捷管理。
谷歌浏览器如何收藏网页地址
当我们浏览到喜欢的网页会将其收藏方便下次直接查看,下面向大家分享谷歌浏览器收藏网页地址方法教程。
手机端chrome浏览器快速下载安装教程
chrome浏览器提供手机端快速下载安装教程,详细说明每一步操作,帮助用户高效完成安装并顺畅使用浏览器功能。
谷歌浏览器办公学习效率提升操作方法技巧
谷歌浏览器提供办公和学习效率提升操作技巧,用户可优化任务管理,提高浏览效率,实现高效上网。
如何关闭Chrome浏览器的自动播放视频功能
有一些用户不清楚如何关闭Chrome浏览器的自动播放视频功能,于是,本文给大家提供了详细的操作步骤,希望可以帮助到各位。
Google Chrome近期插件市场热度排行解析
分析近期Google Chrome插件市场的热度排行,推荐当前流行插件。
win10谷歌浏览器下载文件如何显示“选择文件保存路径”提示?
Google One可以让你更快,超简洁的设计,更方便使用。一般win10正式版都是用Google Chrome下载程序或者游戏提示“选择文件保存路径”,让你选择保存位置。
如何下载安装谷歌浏览器2022电脑最新版?
谷歌浏览器2022电脑最新版是一款专业实用的浏览器软件,软件功能齐全,浏览的速度极快,给用户带来最佳的浏览体验,实用方便、快捷、安全、无毒,用户可以轻松的使用。
如何修改Mac版谷歌Chrome浏览器默认下载位置?
Google Chrome for Mac是一款使用非常广泛的浏览器,界面简洁美观,还支持无痕浏览,非常实用,现在带来google chrome for mac最新版本,功能更加完善,运行更加稳定。
如何在Ubuntu 16.04中安装Google Chrome?
谷歌Chrome是谷歌开发的一款快速、安全、免费的网络浏览器。我们可以通过安装扩展和Web应用来扩展Google Chrome的功能;我们也可以安装主题来改变它的外观。
如何在Debian上安装Chrome浏览器
如何在Debian上安装Chrome浏览器?Debian将 Firefox 作为默认的网页浏览器。但这并不意味着你不能在其中安装其他网页浏览器。
ubuntu 12.04 LTS 安装chrome问题及解决方法详解!
谷歌浏览器 Google Chrome完全免费,跨平台支持 Windows、Mac 和 Linux 桌面系统,同时也有 iOS、Android 的手机版 平板版,你几乎可以在任何智能设备上使用到它。
如何使用谷歌浏览器调试 CSS?
您的浏览器包含一组功能强大的 Web 开发和设计工具。了解如何更改您正在查看的任何网页的样式。
谷歌浏览器设置夜间模式_谷歌浏览器夜间模式怎么开
有些人在夜间办公时觉得谷歌浏览器的亮色主题非常晃眼,那该如何使用谷歌浏览器的夜间模式呢,小编这就教你!
谷歌浏览器全线崩溃的原因和解决办法<详细操作步骤>
总结了谷歌浏览器崩溃导致这种情况的原因及几种常用的解决方法,有类似问题的快来看看吧!
手机版谷歌浏览器怎么设置中文
手机版谷歌浏览器怎么设置中文?接下来就让小编给大家带来手机版谷歌浏览器中文设置步骤一览,感兴趣的朋友千万不要错过了。
如何在 Chrome 中删除当前站点的 Cookie?
由于威胁或安全问题,您可能需要删除Chrome中当前站点的Cookie。或者,也许您是一名Web开发人员,更喜欢在访问网页后运行测试或清除测试。出于不同的原因,从特定站点删除cookie是每个人都需要知道的任务。
谷歌浏览器怎么设为默认浏览器
你有没有想要知道的谷歌浏览器使用技巧呢呢,你知道谷歌浏览器要怎么设为默认浏览器吗?来了解谷歌浏览器设为默认浏览器的具体步骤,大家可以学习一下