谷歌浏览器的前端开发小技巧!<教你如何在调试技巧上进步!>
硬件:Windows系统 版本:122.0.6261.6 大小:101.14MB 语言:简体中文 评分: 发布:2023-07-23 更新:2024-04-12 厂商:谷歌信息技术(中国)有限公司
硬件:安卓系统 版本:107.0.5304.105 大小:218.98MB 语言:简体中文 评分: 发布:2022-08-18 更新:2024-03-12 厂商:Google Inc.
硬件:苹果系统 版本:122.0.6261.89 大小:198.4 MB 语言:简体中文 评分: 发布:2022-01-23 更新:2024-03-12 厂商:Google LLC
不知道大家有没有做过前端开发呢,如果有做过,相信谷歌浏览器一定是你在工作上的首选吧!你知道哪些谷歌浏览器前端开发中的小技巧呢,不是特别清楚地话就和小编来学学吧!
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条件断点的妙用
假设有下面这段代码,咱们希望食物名字是
安卓版QQ浏览器夜间模式如何开启
大家平时在关灯后,肯定也会看看小说,看看视频,手机亮度会对我们的眼睛造成很大的伤害,所以QQ浏览器中的夜间模式很重要,一起来看看如何开启吧。
如何将谷歌浏览器图标固定到任务栏
如何将谷歌浏览器图标固定到任务栏?如果你对此也感到好奇,那么不妨前来阅读今天小编分享的将谷歌浏览器图标固定到任务栏操作步骤详解吧。
傲游浏览器6 6.1.3.1001
本网站提供谷歌官网正版傲游浏览器6 6 1 3 1001下载安装包,软件经过安全检测,无捆绑,无广告,操作简单方便。
搜狗浏览器主页为何被篡改
有的朋友表示,自己前一天用搜狗浏览器还好好的,一觉醒来发现自己搜狗浏览器主页被篡改了;那么,搜狗浏览器的主页为何被篡改。被篡改之后,我们怎么设置新主页呢。
搜狗浏览器内存占用高咋办
有的用户反映在使用搜狗浏览器的时候,内存、CPU的占用过高,以至于电脑整体运行很慢。既然如此,对于搜狗浏览器内存占用高,我们该怎么办呢。
谷歌浏览器默认只能装C盘吗
小编每次安装或更新谷歌浏览器的时候,都会有这样的疑惑,毕竟电脑C盘对于我们来说太重要了,小编安装软件的原则就是,能不安装在电脑C盘的软件,就绝对不会安装在C盘,除非无法选择。
如何在线升级谷歌浏览器
如何在线升级谷歌浏览器?小编相信大家或多或少的都听过有人说哪个浏览器最好用——谷歌浏览器,在这个浏览器错综复杂的年代,Google Chrome是我们在生活中经常用到的一个软件。
谷歌浏览器无法下载未响应怎么办?
最近很多朋友在使用Google Chrome时,反映遇到这样的情况,就是在浏览器中想下载文件时,点击下载按钮却没有反应,导致无法正常下载。
国内怎么下载谷歌浏览器
国内怎么下载谷歌浏览器?Google的chorme浏览器是一款综合性能非常优秀的浏览器,但是由于一些原因,我们无法方便快捷的下载安装。
谷歌浏览器怎么重新安装_谷歌浏览器安装方法
你有没有在使用谷歌浏览器的时候遇到各种问题呢,你知道谷歌浏览器怎么重新安装吗?来了解谷歌浏览器重新安装的方法,大家可以学习一下。
如何解决"计算机已经安装了更高版本的Google Chrome组件"?
Chrome谷歌浏览器是目前使用人数、好评都比较高的一款浏览器了、深受用户的喜爱,追求的是全方位的快速体验,
笔记本安装谷歌浏览器失败错误0x80004002怎么办?<解决方法>
小编相信大家或多或少的都听过有人说哪个浏览器最好用——谷歌浏览器,但是当自己安装和使用谷歌浏览器时就会出现了一大堆的问题。
为什么谷歌浏览器使用这么多内存?<解决方法>
为什么谷歌浏览器使用这么多内存?你能做些什么来控制它?以下是如何让 Chrome 使用更少的RAM。如果您对不同的浏览器进行过任何研究,您就会熟悉 Chrome 可能会占用资源这一事实。看看你的任务管理器或活动监视器,你会经常在列表顶部看到 Chrome。
如何在Chrome隐名模式下启用扩展
谷歌Chrome为浏览网站提供了不同的模式。您可以使用使用常规模式,作为来宾用户或者使用私人浏览模式。您可以打开一个匿名窗口开始私人浏览,这将在您关闭浏览器时删除浏览历史记录。这是一个很酷的方法,可以让你的私人活动没有任何痕迹或跟踪。
如何首次投射 Chrome 标签页
Chromecast 从任何电视流式传输电影、电视节目、音乐等内容的能力非常棒。您还可以从计算机投射到电视。
如何手动更新 Chrome 扩展
Chrome 扩展程序不一定会在已安装扩展程序的新版本发布到 Chrome 网上应用店时进行更新。谷歌推出了对 Chrome、其他公司产品和扩展的更新。虽然有时可以手动启动更新,但 Chrome 不具备这样做的功能。
谷歌浏览器的五大隐藏技能_谷歌技巧教学
谷歌浏览器的隐藏功能你了解吗,想让你的谷歌浏览器变得更好用吗?快来和小编一起了解谷歌浏览器好用的隐藏功能
如何在 Chrome 浏览器中将网页另存为 PDF?
Google Chrome 网络浏览器有大量的内置工具。其中一些您可能知道,但您可能不知道触手可及的其他一些。看,Chrome 不仅包括安装有价值的扩展程序并使事情变得更容易的能力,而且还允许您在 Chrome 中直接将页面保存为 PDF 文件。