谷歌浏览器的前端开发小技巧!<教你如何在调试技巧上进步!>
不知道大家有没有做过前端开发呢,如果有做过,相信谷歌浏览器一定是你在工作上的首选吧!你知道哪些谷歌浏览器前端开发中的小技巧呢,不是特别清楚地话就和小编来学学吧!
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条件断点的妙用
假设有下面这段代码,咱们希望食物名字是
谷歌浏览器支持多显示器设置,提升工作效率
谷歌浏览器支持多显示器设置,提升了工作效率,用户可以同时在多个屏幕上浏览不同的网页内容,提高多任务处理能力。
谷歌浏览器能否支持Flash
本文将为大家解答一下谷歌浏览器能否支持Flash,有需要的用户可以来启动相关权限。
Chrome浏览器历史版本快速安装操作流程
Chrome浏览器历史版本适合兼容需求,安装操作流程解析清晰。用户可快速完成旧版本安装。
谷歌浏览器下载后如何管理浏览器缓存和临时文件
谷歌浏览器提供缓存和临时文件管理功能,用户可以清理无用数据,释放存储空间,提升浏览器运行速度和网页加载效率,确保多任务操作顺畅,提高整体使用体验。
Google浏览器网页缩放比例突然变化如何还原默认
网页缩放比例突变影响视觉效果。本文介绍Google浏览器调整网页缩放设置的方法,帮助用户快速恢复默认比例。
如何关闭2345浏览器的划词助手功能
在我们使用2345浏览器时,鼠标选中文字后会自动弹出划词助手,提供复制、搜索以及打开链接功能,虽然使用起来还算方便,但也很容易误操作,影响使用体验,下面就教大家如何将这个功能关闭。
什么是谷歌网络浏览器
什么是谷歌网络浏览器?Google Chrome,是一个由Google公司开发的网页浏览器。
如何下载 Mac 版 Chrome
如何下载 Mac 版 Chrome?想在您的 Mac 上试用 Google Chrome?这是下载它的方法。
谷歌浏览器安装时无法定位
你有没有在使用谷歌浏览器的时候遇到各种问题呢,你知道谷歌浏览器安装时无法定位是怎么回事呢?来了解谷歌浏览器安装时无法定位的解决方法,大家可以学习一下。
谷歌浏览器如何设置安装在D盘
谷歌浏览器如何设置安装在D盘?下载好谷歌浏览器,点击安装,居然没有自定义设置安装在哪个盘?默认安装在C盘,这个操作真的是很恶心的。
为什么谷歌浏览器下载不了应用?<解决方法>
Google chrome是一款快速、安全且免费的网络浏览器,能很好地满足新型网站对浏览器的要求。Google Chrome的特点是简洁、快速。
如何在没有网络的情况下下载chrome本地安装包?
谷歌Chrome是一款现代浏览器,是一个非常好的上网选择。但是每次想下载Google Chrome,默认下载的总是在线安装包,大概1~2MB大小。
如何在 Windows 10 中使用 Chrome 将网站固定到开始和任务栏?
当您将网站固定到Windows中的开始和任务栏时,您可以轻松访问计算机上的特定网站。
如何使用Chrome远程桌面获得虚拟技术支持?
由于许多人在家工作,远离他们的IT团队,因此很难通过一条消息或视频电话来解决问题。有时,最好的选择是虚拟技术支持,但这些系统中的许多都很昂贵,需要您是企业用户或管理员才能访问它们。进入Chrome Remote Desktop,这是一个免费的基于网络的应用程序,旨在通过谷歌帐户提供和接受虚拟技术支持。以下是如何访问和使用该功能来给予和接受技术支持。
谷歌浏览器网页内容显示不全怎么办
谷歌浏览器网页内容显示不全怎么办?有这个疑惑朋友快来和小编看看谷歌浏览器网页内容显示不全的解决办法,希望能帮助到大家。
怎么打开chrome浏览器插件商店
怎么打开chrome浏览器插件商店?接下来小编给大家带来chrome浏览器开启插件商店操作步骤,有需要的朋友赶紧来看看吧。
chrome怎么清除缓存和cookis?
你有没有想要知道的谷歌浏览器使用技巧呢呢,你知道谷歌浏览器要怎么清除浏览器的缓存和cookies吗?来了解谷歌浏览器清除浏览器的缓存和cookies的具体步骤,大家可以学习一下。
如何从 Chrome 的浏览历史记录中删除整个网站?
您是否曾尝试在 Google Chrome 网络浏览器中删除单个站点的浏览历史记录?您可能遇到了障碍,因为不清楚如何做到这一点。虽然您可以删除整个浏览历史记录,其中包括您要删除的网站,但这并不是最佳解决方案。您可以在 Chrome 中打开浏览历史记录并显示网站的所有条目或其中的一部分。