谷歌浏览器的前端开发小技巧!<教你如何在调试技巧上进步!>
不知道大家有没有做过前端开发呢,如果有做过,相信谷歌浏览器一定是你在工作上的首选吧!你知道哪些谷歌浏览器前端开发中的小技巧呢,不是特别清楚地话就和小编来学学吧!
1#. 一键展开所有DOM元素
调试元素时,在层级比较深的情况下,你是不是也经常一个个展开去调试?有一种更加快捷的方式
按住opt键 + click(需要展开的最外层元素)

2#. 控制台引用上一次执行的结果
来看看这个场景,我猜你也一定遇到过, 对某个字符串进行了各种工序,然后我们想知道每一步执行的结果,该咋办?。
'fatfish'.split('').reverse().join('') // hsiftaf
你可能会这样做
// 第1步'fatfish'.split('') // ['f', 'a', 't', 'f', 'i', 's', 'h']// 第2步['f', 'a', 't', 'f', 'i', 's', 'h'].reverse() // ['h', 's', 'i', 'f', 't', 'a', 'f']// 第3步['h', 's', 'i', 'f', 't', 'a', 'f'].join('') // hsiftaf
更简单的方式
使用$_引用上一次操作的结果,不用每次都复制一遍
// 第1步'fatfish'.split('') // ['f', 'a', 't', 'f', 'i', 's', 'h']// 第2步$_.reverse() // ['h', 's', 'i', 'f', 't', 'a', 'f']// 第3步$_.join('') // hsiftaf
3.# 快速切换主题
有的同学喜欢chrome的白色主题,有的喜欢黑色,我们可以使用快捷键迅速切换两个主题。
cmd + shift + p 执行Command命令
输入Switch to dark theme或者Switch to light theme进行主题切换9.# "$"和"$$"选择器
在控制台使用document.querySelector和document.querySelectorAll选择当前页面的元素是最常见的需求了,不过着实有点太长了,咱们可以使用$和$$替代。

4.# $i直接在控制台安装npm包
你遇到过这个场景吗?有时候想使用比如dayjs或者lodash的某个API,但是又不想去官网查,如果可以在控制台直接试出来就好了。
Console Importer 就是这么一个插件,用来在控制台直接安装npm包。
安装Console Importer插件
$i('name')安装npm包
5.# Add conditional breakpoint条件断点的妙用
假设有下面这段代码,咱们希望食物名字是
google Chrome浏览器浏览器性能监控操作技巧教程
google Chrome浏览器性能监控操作技巧教程提供详细步骤。用户可实时监控浏览器性能,优化运行状态,提高网页加载速度和稳定性。
Google Chrome浏览器标签组功能使用技巧
分享Google Chrome浏览器标签组功能的使用技巧,提升标签页管理效率。
谷歌浏览器插件标签页异常关闭恢复方法介绍
详解谷歌浏览器插件标签页异常关闭后的恢复方法,帮助用户快速找回丢失标签页内容。
谷歌浏览器如何使用页面保存功能快速保存网页
在谷歌浏览器中使用页面保存功能快速保存网页,便于日后查看和参考网页内容。
谷歌浏览器插件卸载后残留文件清理技巧
教用户如何彻底清理谷歌浏览器插件卸载后的残留文件,保持浏览器清洁和性能稳定。
google浏览器视频播放稳定性提升教程
google浏览器视频播放稳定性提升教程可帮助用户优化浏览器设置,提高视频加载和播放流畅度,减少卡顿或闪退,增强观看体验。
谷歌浏览器下载一半如何续传下载?在谷歌浏览器中继续下载文件的方法
谷歌浏览器一款可让您更快速、设计超级简洁,使用起来更加方便的网页浏览器。很多用户都喜欢在电脑中下载安装使用。
如何下载安装谷歌浏览器win64位?值得使用吗?
在具有 64 位处理器的计算机上使用 Windows 7、8 或 8 1 的任何人都可以使用 Chrome 64 位。
谷歌浏览器升级失败怎么办
谷歌浏览器升级失败的操作教程来啦,还不清楚的小伙伴们,赶紧随下编一起来看一下谷歌浏览器升级失败的操作教程吧。
谷歌浏览器怎么设置扩展程序在特定程序使用
谷歌浏览器怎么设置扩展程序在特定程序使用?接下来小编就给大家带来谷歌浏览器设置扩展在特定网站使用教程,有需要的朋友不要错过了。
谷歌浏览器安全检查在哪打开
本篇文章给大家带来开启谷歌浏览器的安全检查功能方法教学,希望能够帮助大家解决问题。
苹果电脑下载的google chrome无法使用怎么办?<解决方法>
google chrome是一款可让您更快速、轻松且安全地使用网络的浏览器,相比于系统自带的浏览器很多使用苹果电脑的用户会选择该款浏览器。
谷歌浏览器flash插件怎么安装
谷歌浏览器flash插件怎么安装?接下来小编就给大家带来谷歌浏览器安装flash插件步骤一览,希望能够给大家带来帮助。
如何在谷歌Chrome中对书签进行排序?
我们中的许多人将网页保存在Chrome中作为书签,以备后用。随着时间的推移,你可能会积累许多书签网址。拥有数千个书签不成问题。但是很容易找到你保存的书签是很重要的。万一你的书签栏和文件夹看起来很乱,你可以让它们看起来像样。
如何使用Chrome扩展“Workspace”恢复谷歌的旧图标?
谷歌上个月将其云计算、生产力和协作工具套件重新命名为“Workspace”,并在其产品套件中推出了徽标更新。
无法在Windows上从Google Chrome下载或保存图像怎么办?
谷歌浏览器是互联网上最好和最广泛使用的浏览器之一。但是,有时由于隐藏的错误,它可能会遇到问题。
如何在 Chrome 中打开 PDF
如何在 Chrome 中打开 PDF?Chrome 是一种流行的网络浏览器,可为用户提供多种功能。有用的功能之一是在 Chrome 浏览器中打开 PDF。
Chrome新标签页怎么把假搜索框改成真的?
谷歌浏览器是网络上最受欢迎的浏览器。然而,它有一些奇怪的功能,会让用户感到厌烦。其中最烦人的是新的标签页,默认情况下会显示许多快捷方式和一个谷歌搜索框。