谷歌浏览器的前端开发小技巧!<教你如何在调试技巧上进步!>
不知道大家有没有做过前端开发呢,如果有做过,相信谷歌浏览器一定是你在工作上的首选吧!你知道哪些谷歌浏览器前端开发中的小技巧呢,不是特别清楚地话就和小编来学学吧!
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浏览器扩展权限调整及管理操作流程
介绍Google浏览器扩展权限的调整及管理流程,帮助用户合理设置扩展权限,保障浏览器安全与隐私保护。
360挖矿防护怎么开启
近些年,以“比特币”为首的虚拟货币,映入了大众视野,并逐渐成为焦点,于是便有很多人想从中“分一杯羹”;然而用一般的PC电脑进行挖矿,会非常损耗我们的显卡、CPU等硬件,更有甚者会通过制作恶意链接,让其他用户打开,让他人的电脑成为自己挖矿的“傀儡”。那么,作为以安全为首的360安全浏览器,它支持挖矿防护吗。
谷歌浏览器扩展插件安装及功能使用教程
谷歌浏览器通过扩展插件安装及功能使用操作,可以提升插件效率和浏览器体验,让用户充分发挥插件功能,同时保证浏览器稳定性和安全性。
Chrome浏览器下载安装环境准备详解
Chrome浏览器下载安装前需做好环境准备,通过详解掌握系统配置要求,确保安装顺利进行。本文提供详细步骤和方法。
谷歌浏览器iOS版下载隐私模式配置操作解析
谷歌浏览器iOS版下载后可配置隐私模式,优化操作流程,保障用户浏览安全,防止信息泄露,提升移动端安全浏览体验。
谷歌浏览器的“任务管理器”在哪里
谷歌浏览器的“任务管理器”在哪里?还不了解如何开启的小伙伴可以看看下面的位置说明【图文】。帮你更好使用谷歌浏览器。
如何从 USB 驱动器运行 Google Chrome 操作系统?
您无需购买 Chromebook 即可享受 Chrome OS 的基于网络的桌面体验。以下是从 USB 驱动器运行 Chrome OS 的方法。
谷歌浏览器怎么开启全局模式
谷歌浏览器怎么开启全局模式?接下来就让小编给大家带来启用谷歌浏览器的全局模式详细步骤,有需要的朋友赶紧来看看了解一下吧。
chrome谷歌浏览器XP版怎么下载离线安装包?
作为最受欢迎的三大浏览器之一,谷歌chrome拥有大量的用户,但它有一个缺点,就是一般用户只能在线安装,安装后找不到安装程序。
如何在 Kali Linux 上安装 Google Chrome 浏览器?
在 Kali 上安装 Google Chrome 非常简单,但并不像你想象的那么简单。由于 Chrome 是一个封闭源代码的 Web 浏览器,因此无法从默认软件包存储库安装它。不用担心,您将通过几个简短的步骤了解如何安装它。
手机谷歌浏览器怎么不能翻译网页了
手机谷歌浏览器怎么不能翻译网页了?下面就让小编给大家带来解决手机谷歌浏览器不能翻译教程一览,感兴趣的朋友快来看看吧。
谷歌浏览器全线崩溃的原因和解决办法<详细操作步骤>
总结了谷歌浏览器崩溃导致这种情况的原因及几种常用的解决方法,有类似问题的快来看看吧!
谷歌浏览器始终在最前端怎么回事_win7谷歌浏览器问题
谷歌浏览器始终在最前端怎么回事,还有其他软件也有这种问题?小编这就带你解决问题
如何在谷歌浏览器中捕获整页截图?
使用最新的谷歌Chrome版本并运行Android 12可以截取整个网页截图,省去多张截图的工作量
如何在Chrome隐名模式下启用扩展
谷歌Chrome为浏览网站提供了不同的模式。您可以使用使用常规模式,作为来宾用户或者使用私人浏览模式。您可以打开一个匿名窗口开始私人浏览,这将在您关闭浏览器时删除浏览历史记录。这是一个很酷的方法,可以让你的私人活动没有任何痕迹或跟踪。
如何在 Chrome 中打开 PDF
如何在 Chrome 中打开 PDF?Chrome 是一种流行的网络浏览器,可为用户提供多种功能。有用的功能之一是在 Chrome 浏览器中打开 PDF。
在Windows上清除Chrome的缓存和历史记录
要在Windows上清除Chrome的缓存和历史记录,请按照以下步骤操作。