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下载站!
硬件:Windows系统 版本:131.0.6778.86 大小:9.75MB 语言:简体中文 评分: 发布:2023-07-23 更新:2024-11-08 厂商:谷歌信息技术(中国)有限公司
硬件:安卓系统 版本:0.3.0.455 大小:187.89MB 语言:简体中文 评分: 发布:2022-08-18 更新:2024-10-11 厂商:Google Inc.
硬件:苹果系统 版本:122.0.6261.89 大小:200.4MB 语言:简体中文 评分: 发布:2022-01-23 更新:2024-03-12 厂商:Google LLC
跳转至官网
谷歌浏览器如何设置管理加载项
谷歌浏览器如何设置管理加载项?今天小编整理了谷歌浏览器设置加载项的方法,欢迎感兴趣的用户前来阅读。
360浏览器阅读模式怎么设置
小编今天想为大家介绍下关于360浏览器的一些问题,最近也是很多小伙伴来问小编,例如360浏览器阅读模式怎么设置,阅读模式有哪些好处,那就快叫上你的好朋友一起来看看吧!
Chrome的自动翻译如何设置
有很多用户刚开始使用Chrome浏览器的时候,不知道Chrome的自动翻译如何设置?于是本文为大家带来了详细的新手教程。
怎么更改google chrome历史记录保存位置
想要将google chrome文件保存位置更改需要在哪设置?这篇内容告诉你如何轻松更改谷歌历史记录保存位置。
火狐浏览器测试版软件介绍_火狐浏览器测试版下载
本网站提供谷歌官网正版火狐浏览器【firefox】测试版下载安装包,软件经过安全检测,无捆绑,无广告,操作简单方便。
如何利用腾讯管家过滤浏览器广告
我们可以通过电脑管家设置广告过滤,拦截掉这些烦人的弹窗广告,下面就教大家如何操作。
在哪里可以下载不同的 Google Chrome 版本?
您知道仅谷歌就定期发布四种不同版本的谷歌 Chrome 浏览器吗?这还不包括构成浏览器核心的 Chromium 版本。本指南描述了这些版本之间的差异。它还链接到可以下载每个构建的官方下载页面。
如何在Fedora20/21中安装谷歌chrome浏览器?
谷歌浏览器 Google Chrome完全免费,跨平台支持 Windows、Mac 和 Linux 桌面系统,同时也有 iOS、Android 的手机版 平板版,你几乎可以在任何智能设备上使用到它。
谷歌浏览器pc版离线安装包下载和安装方法详细介绍!
Chrome谷歌浏览器是目前使用人数、好评都比较高的一款浏览器了、深受用户的喜爱,追求的是全方位的快速体验。
如何在 Ubuntu 上更新谷歌浏览器?
尽管多年来竞争激烈,谷歌浏览器还是毫不费力地超越了互联网浏览器列表,成为最受欢迎和广泛使用的在线搜索引擎之一。它的易用性、可用性和与多种操作系统的兼容性以及各种显着的特性使其擅长浏览领域。
Win7禁止 google chrome 自动升级的两种方法!
在Win7旗舰版64位系统中使用chrome Google浏览器时,经常会弹出升级提示,非常烦人。有时候不小心点了会导致谷歌浏览器自动升级。
下载的谷歌浏览器为什么无法访问此网站?<解决方法>
Google浏览器因为干净快捷而受到很多用户的喜爱,但是在使用过程中难免会出现一些问题。
如何在 Chrome 中调试 JavaScript?
在本文中,我们将逐步解释如何在 Chrome 中使用 DevTools 调试 JavaScript。如果你想在 Chrome 中调试你的 JavaScript 代码,那么你必须按照下面提到的这些步骤进行操作。
如何在 Chrome 中更改书签图标
在网络浏览器中为页面添加书签非常有用,并且是浏览互联网挖掘机的人们更常用的功能之一,可以保存有趣的网站和页面以供以后阅读。然而,通常情况下,网站使用的网站图标在 Chrome 的书签栏上看起来并不那么好。
360浏览器收藏夹怎么显示在上面?
360浏览器收藏夹怎么显示在上面?大家平时上网的时候,一般比较常用的网站或者以后还想继续浏览的网页,都会选择收藏到收藏夹中,下次直接打开就可以了非常的方便。
谷歌浏览器翻译显示服务器失败_谷歌浏览器翻译失败怎么办
谷歌浏览器自带的翻译功能是十分好用的,你有没有遇到过谷歌浏览器翻译失败的情况?快来和小编一起解决吧!
如何将 Chrome 标签页固定在其他应用程序之上?
如果您想始终查看 Chrome 选项卡的内容,此扩展程序将比您想象的更容易。
谷歌浏览器闪退是什么原因
谷歌浏览器闪退是什么原因?接下来小编就给大家带来谷歌浏览器闪退常见原因及解决方法,有需要的朋友赶紧来看看吧。