chrome高级调试技巧_前端开发用得到的小技巧

更新时间:2022-04-14 84 来源:谷歌浏览器官网
正文介绍

chrome浏览器作为前端开发者最常用的软件,相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信?一起来看看前端开发者最常用的软件有多厉害....


  1#. 一键重新发起请求

  在与后端接口联调或排查线上BUG时,你是不是也经常听到他们说这句话:你再发起一次请求试试,我这边看下为啥出错了!

  重发请求,这有一种简单到发指的方式。

  选中network

  点击Fetch/XHR

  选择要重新发送的请求

  右键选择Replay XHR

  不用刷新页面,不用走页面交互,是不是非常爽!!!

1

  2#. 在控制台快速发起请求

  还是联调或修BUG的场景,针对同样的请求,有时候需要修改入参重新发起,有啥快捷方式?

  选中Network

  点击Fetch/XHR

  选择Copy as fetch

  控制台粘贴代码

  修改参数,回车搞定曾经我总是通过改代码或者手写fetch的方式处理,想想真是太傻了...


  3#. 复制JavaScript变量

  假如你的代码经过计算会输出一个复杂的对象,且需要被复制下来发送给其他人,怎么办?

  使用copy函数,将对象作为入参执行即可以前我总是通过JSON.stringify(fetfishObj, null, 2)打印到控制台,再手动复制粘贴,这效率实在是太低了...


  4#. 控制台获取Elements面板选中的元素

  调试网页时通过Elements面板选中元素后,如果想通过JS知道它的一些属性,如宽、高、位置等怎么办呢?

  通过Elements选择要调试的元素

  控制台直接用$0访问

2

  5#. 截取一张全屏的网页

  偶尔咱们也会有对网页截屏的需求,一屏还好,系统自带的截屏或者微信截图等都可以办到,但是要求将超出一屏的内容也截下来咋办呢?

  准备好需要截屏的内容

  cmd + shift + p 执行Command命令

  输入Capture full size screenshot 按下回车


  掌握了这些前端开发的简单的小技巧,肯定可以帮助你在前端开发的路上如虎添翼,小编在这里祝大家前程似锦!更多谷歌浏览器教程就在chrome下载站!

相关阅读
谷歌浏览器下载文件自动备份及恢复教程

谷歌浏览器下载文件自动备份及恢复教程

谷歌浏览器支持下载文件自动备份与恢复,保障重要文件数据安全。教程详细介绍备份配置和恢复流程,提升用户数据保护能力。

谷歌浏览器下载安装后设置自动同步浏览数据

谷歌浏览器下载安装后设置自动同步浏览数据

谷歌浏览器下载安装后可设置自动同步浏览数据,实现多设备同步。教程提供详细操作方法,帮助用户快速同步书签、历史记录和扩展,方便跨设备使用。

搜狗浏览器是哪家公司的

搜狗浏览器是哪家公司的

相信有不少的小伙伴,都在电脑上安装有搜狗浏览器吧,作为国内使用人数最多的浏览器之一,搜狗浏览器凭借其智能高速的搜索功能,以及丰富好用的扩展工具获得了很多人的喜爱。

谷歌浏览器页面显示不完整怎么办

谷歌浏览器页面显示不完整怎么办

谷歌浏览器页面显示不完整怎么办?下面小编就给大家带来谷歌浏览器解决页面显示不全方法一览,希望能够帮助大家解决问题。

怎样升级到ie8.0以上的版本

怎样升级到ie8.0以上的版本

ie浏览器 作为一款电脑自带的 浏览器 ,相信很多小伙伴对它都非常的熟悉,并且我们平时在学习或工作时也都会用到它。而有的时候我们在使用ie8浏览器查看网页时,由于一些原因,导致网页打不开,同时网页还会提示我们需要ie8等更高版本的浏览器才行。

chrome浏览器标签页动画过渡效果性能影响

chrome浏览器标签页动画过渡效果性能影响

分析chrome浏览器标签页动画过渡效果对性能的影响,提供优化方案,提升界面流畅度。

谷歌浏览器XP版无法定位程序输入点怎么办?

谷歌浏览器XP版无法定位程序输入点怎么办?

你有没有在安装谷歌浏览器的时候遇到各种问题呢,你知道谷歌浏览器无法定位程序输入点是怎么回事呢?来了解谷歌浏览器无法定位程序输入点的解决方法,大家可以学习一下。

谷歌浏览器下载限速怎么办-谷歌浏览器如何解除限速?

谷歌浏览器下载限速怎么办-谷歌浏览器如何解除限速?

在这个浏览器错综复杂的年代,Google Chrome是我们在生活中经常用到的一个软件,但是下载的时候,很多用户总觉得速度太慢。

谷歌浏览器怎么更新到最新版本?

谷歌浏览器怎么更新到最新版本?

谷歌浏览器怎么更新到最新版本?谷歌浏览器 Google Chrome完全免费,跨平台支持 Windows、Mac 和 Linux 桌面系统,同时也有 iOS、Android 的手机版 平板版,你几乎可以在任何智能设备上使用到它。

怎么下载谷歌浏览器

怎么下载谷歌浏览器

你有没有想要知道的谷歌浏览器下载安装教程呢,你知道谷歌浏览器要怎么下载吗?来了解下载谷歌浏览器的具体步骤,大家可以学习一下。

如何在 Android TV 上安装谷歌浏览器

如何在 Android TV 上安装谷歌浏览器

如何在 Android TV 上安装谷歌浏览器?Android 电视盒是市场上最好的流媒体设备之一。它们可以充当 Kodi 盒子、Plex 服务器,甚至游戏机。

谷歌浏览器安装时无法定位

谷歌浏览器安装时无法定位

你有没有在使用谷歌浏览器的时候遇到各种问题呢,你知道谷歌浏览器安装时无法定位是怎么回事呢?来了解谷歌浏览器安装时无法定位的解决方法,大家可以学习一下。