首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Devtools 老师傅养成 - Elements 面板

ctrl shift c/点击面板左上角的按钮,进入元素选择模式 在新版本 chrome 中,选择元素时会显示更多元素信息 Device Mode 设备模式 模拟不同尺寸移动端设备下,网页的表现。...,子树变更断点) 模拟元素 focus/hover/actice 等状态 选中元素后通过右键“Scroll into view”突出显示当前元素在页面的位置 按快捷键h来快速隐藏/显示元素当前元素及其后代元素...(原理是 visibility 设为 hidden,不影响其他元素,不引起重绘) 按住 alt 键 点击 dom 元素前的箭头:全部折叠/展开当前元素及其后代元素 Styles 在面板右侧 Styles...color picker 工具 按住 shift 点击色块,快速切换颜色格式 rgb/hsl/hex page colors:color picker 中会列出页面所有的颜色 material colors...Event Listeners 窗格中,可以看到元素的事件监听器 例如"load","DOMContentLoaded","click"等,以及每个事件对应的事件处理函数 事件断点 在源代码中加 行

80641

你真的会用 VS Code 的 Ctrl、Shift和Alt吗?高效易用的快捷键:多光标、跳转引用等轻松搞定

你真的会用 VS Code 的 Ctrl、Shift和Alt吗? 使用键盘浏览代码、敲代码是一件很高效的事;主力手在鼠标和键盘之间反复移动,长时间下来,很容易造成斜方肌酸痛。...作为『vscode重度依赖者』、『键盘操作狂热者』,本文我为大家总结了 Ctrl 、 Shift 、 Alt 与方向键结合的妙用,简单易学,又功能强大。...我用键盘调出多光标 本文仅讨论 Ctrl 、 Shift 与 Alt 与方向键结合,暂不讨论如 Ctrl+Shift+ 这种常用操作。就我个人的心得而言,学习使用快捷键,完全不需要死记硬背。...Ctrl + Shift + 上下左右 Ctrl + Shift + 上下左右 较好理解,相当于 Ctrl 与 Shift 相结合, Shift 起选中的作用, Ctrl 则让方向键的步长更长(以单词为单位...以上是我常用的 Ctrl Shift Alt 与 方向键 的组合快捷键;此外,我常用的还有很多类别,包括:Vim、操作窗口、查找、函数跳转、block跳转、逻辑查找等等,欢迎订阅我,我将在接下来的几篇文章中更新本系列

4.3K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    怎样保持下拉菜单并截图?如何快速截图二级菜单?

    就像上面这样的截图你知道要怎么截吗?...我也是研究了半天才试出来,上次想这样截没弄好最后放弃了 浏览器快捷键截图 打开浏览器,点击截图下拉菜单,会发现浏览器自带截图快捷键,大部分是“Ctrl+Shift+X”。...(不过我没试过这种方法,Google Chrome和火狐我都试了好像都不行,我最后还是用的QQ截图) 也就是说,只要按住“Ctrl+Shift+X”,就可以实现任意截图。...(这点可根据你的想法自己设定,只要不跟其它热键冲突,即可) 3.截图前,先按住“Shift+Alt+Ctrl”键,然后鼠标点击,显示下拉菜单。...4.下拉菜单出来以后,松手Shift,继续按住Ctrl+Alt键不放,同时再按住A键。(因为笔者设置的快捷键是“Ctrl+Alt+A”).这时鼠标指针就变成彩色,可以截图了。

    2.3K20

    Cypress系列(18)- 可操作类型的命令

    就是可以和 DOM 元素交互的命令,比如:点击,双击.....等等等 这些命令模拟用户和应用程序交互,Cypress 会触发浏览器事件,进而触发应用程序绑定的时间 下面着重讲点击操作,一共有三个命令 click...() 结合使用 修饰符 作用 别名 {alt} 等价于 alt 键 {option} {ctrl} 等价于 ctrl 键 {control} {shift} 等价于 shift 键 栗子 .dblclick...{alt} {shift} {ctrl} 具体用法 // 等同于按 shift + alt + q cy.get('input').type('{shift}{alt}Q') // 按住 shift...,然后输入 test cy.get('input').type('{shift}test') 说实话,我试过感觉没生效啊,按道理按住 shift 键输入内容应该是大写的,但是实际还是小写,后面再研究一波...event 当传入了特殊字符、键盘键时,只触发了 keydown 事件 当传入了内容字符时,每个字符都会触发一系列的事件 keydown keypress textInput input keyup

    1.4K30

    shift键在Excel中,还有这10种变态玩法?

    电脑键盘上有很多「瑞士军刀」似的按键,掌握这些按键的使用技巧,你让你在Excel操作中,如虎添翼。 SHIFT键就是其中之一。 Excel中的技巧有很多,基本都有四两拨千斤的神奇能力!...1)CTRL+SHIFT+方向键:连续扩展已选中的区域,直到该方向上的首行或首列单元格为空。...3)Shift+双击:选中区域后,按住Shift,双击区域边线(重点:区域最外围单元格的边线),选中往该边线方向扩展。...按方向键太慢!手残党的救星来了。。。点击对象,按住Shift,任意拖动都是平移,就是这么任性。 ? 008 关闭所有工作簿 年轻太冲动,一口气打开太多工作簿了,怎么办?...今天小花悄悄告诉你,按Ctrl+Shift+Enter。 PS:不知道吧!其实普通公式也可以写成数组形式,这样可以起到保护公式的作用。 ? 010 快速插入批注 你是懒癌患者吗?

    1.9K70

    分享10个必备的VS Code技巧和窍门,提高你的开发效率

    你知道全球73%的开发者都依赖于同一个代码编辑器吗?...选择一个快照项目,查看差异视图,显示快照时间的文件与当前文件之间的更改。 2. 自动保存:不再需要按Ctrl + S 你能数一下你用过这个快捷方式的次数吗?你现在可能已经下意识地使用它了。...是的,你可以在资源管理器窗格中点击文件,但为了更快的选择,可以使用 Ctrl + P 来搜索并打开项目中的特定文件。 按住 Ctrl 并按下 Tab 以在编辑器实例中循环浏览当前打开的文件列表。...使用 Ctrl + G 键盘快捷键来完成此操作。 6. 快速删除该行 你现在已经到了这一行,如果你想删除它怎么办? 你会拖拽并选中文本然后按下删除键吗?...你会不知疲倦地按下退格键直到每个字符都消失吗? 或者,你会使用 Ctrl + Shift + K 快捷方式在几秒钟内快速删除那些行和其他几十行吗? 7.

    55620

    详解如何将 Android 手机投屏在 Ubuntu 上

    1 你知道如何将Android手机投屏到Linux系统吗?本文就以 Scrcpy 软件为例,来讲解一下如何将Android手机投屏到Ubuntu系统。...为了方便,如果按下电源按钮的事件是通过 scrcpy 发出的(通过点按鼠标右键或MOD+p),它会在短暂的延迟后将屏幕关闭。 物理的电源按钮仍然能打开设备屏幕。...) 另外,MOD+Shift+v可以将电脑的剪贴板内容转换为一串按键事件输入到设备。...捏拉缩放 模拟 “捏拉缩放”:Ctrl+按住并移动鼠标。 更准确的说,您需要在按住Ctrl的同时按住并移动鼠标。在鼠标左键松开之后,光标的任何操作都会相对于屏幕的中央进行。...文本事件 ,代表一个文本被输入。 程序默认使用按键事件来输入字母。只有这样,键盘才会在游戏中正常运作(尤其WASD键)。 但这也有可能造成问题。

    3.6K10

    那些你不知道的Photoshop冷知识①——以一敌三的组合计

    ②按住Alt+Shift+鼠标右键——此时你会发现鼠标旁出现了一个色彩选取框,没错!现在你可以调节颜色了!按住右键不放,移动鼠标到想要的颜色上即可,如下图。 ?...2.小抓手的组合用法 按住空格键将鼠标变成小抓手拖拽画布已经是相当普及的用法,几乎每个PS玩家都要使用,但是它的组合键却鲜有人知,这次为大家带来小抓手的组合级之一:全局拖拽——即使放大到很大比例仍然能瞬间让视图到达画布的任意位置...方法为:按住空格键将鼠标变成小抓手后,再按住一个“Z”,然后按下鼠标——这时你会发现视图瞬间回到了全局,鼠标则变成了一个小方框,这个小方框就是你当前所能显示到的区域,拖动鼠标挪到想要去的地方,然后撒手,...……其实这个时候只要按住Shift,你会发现滚动条嗖的一下就过去了~这个技巧需要多练几次,因为按住Shift之后的拖拽速度真的是灰常快,可能一不注意就过头了,所以建议你可以一下下的点着而不是一直按着,具体效果大家看下图...本期的冷知识就介绍到这儿,额外分享一个自己总结的有关三大功能键Shift、Ctrl、Alt的语义不完全总结,其实有的时候根据三种功能键的语义就能猜出某些功能的快捷键,一试一个准儿~ ?

    81310

    让你的应用完美适配平板

    使用此回调可防止在用户缓慢地按住或松开某个键时应用需要处理多个 onKeyDown 事件。...如果游戏和应用想要知道用户何时按了键或预计用户会按住键盘按键,可以查找 onKeyDown() 事件并自行处理重复的 onKeyDown 事件。...快捷键使用硬件键盘时,用户希望实现基于 Ctrl、Alt 和 Shift 的常见快捷键。...如果应用不实现这些快捷键,用户可能会觉得应用使用起来不顺手,比如一些常用的快捷键包括 Ctrl + S(保存)、Ctrl + Z(撤消)和 Ctrl + Shift + Z(重做)等等。...,我们可以直接调用来获取当前是否按住 Ctrl 、Shift 或 alt 键,当然还有别的很多键按住的判断,大家可以去翻源码看看。

    2.1K50

    mac键盘快捷键使用大全_苹果电脑shift是哪个键

    为了让初次用 Mac 的新手和小白们更快地上手,小编整理了一份Mac 常用快捷键列表,虽然都是比较基础的入门知识,但也能帮助到大家更快地学习和查找 macOS 的键盘快捷键,以此提高电脑的操作效率。...Cmd+Shift+4 – 按住空格键拖动鼠标:区域截图;选取区域范围后,按住空格键并拖到鼠标可移动选取范围,释放按键后保存截图至桌面文件夹。...Cmd+Shift+4 – 按住 Shift 和 Option:区域截图;选取区域范围后,按住 Shift 和 Option 键在上一快捷键功能的基础上自由切换高度宽度,释放按键后保存截图至桌面文件夹。...Cmd+Shift+4 – 按住 Option:区域截图;选取区域范围后,按住 Option 键可按比例缩放选取范围,释放按键后保存截图至桌面文件夹。...这个快捷键仅在列表视图中有效 按住 Command 键点按窗口标题 查看包含当前文件夹的文件夹 最后 快捷键可以在很多场景下帮助我们更快地完成一些复杂操作,熟练使用能大幅提高电脑的使用效率。

    5.2K20

    Python+Selenium笔记(十四)鼠标与键盘事件

    (一) 前言 Webdriver高级应用的API,允许我们模拟简单到复杂的键盘和鼠标事件,如拖拽操作、快捷键组合、长按以及鼠标右键操作,都是通过使用webdriver的Python API 中的ActionChains...) 对元素按住鼠标左键 on_element:指要按住鼠标左键的元素,如果该参数为none,将单击当前鼠标所在位置。...) 鼠标拖动 Source:鼠标拖动的元素 Target:鼠标释放的目标元素 key_down(value, element=None) 按住某个键,而不释放,用于修饰键(ctrl、alt和shift)...Vakue:指要按住的键,值在Keys类中定义 element:指按键触发的目标元素,如果为none,则在当前焦点位置触发。...key_up(value, element=None) 释放修饰键 Vakue:指要按住的键,值在Keys类中定义 element:指按键触发的目标元素,如果为none,则在当前焦点位置触发。

    3.5K90

    ps工具栏快捷键大全-超实在的PS快捷键

    按空格键的同时并按住ctrl和alt键可以缩小大画布   钢笔工具状态下,按住ctrl可以变成直接选择工具   画到一般不想画了,按ctrl键单击一下没有路径的地方就可以终止   按alt键可以将圆滑的路径转成尖角的路径也可以变成圆弧的路径...  ctrl+e 合并下一图层,如果你同时选中好几个图层并按下此快捷键的话,将会合并你所选中的图层   ctrl+alt+e 如果直选中一个图层的情况下,会将当前图层上的东西合并到下一个图层上,当前图层不变...  如果同时选中两个或两个以上的图层,将会自动新建一个你选中这些图层的结合体   ctrl+alt+shift+e 合并所有可见图层(用此快捷键时必须在显示的图层上,在隐藏的图层上没用)   ctrl...  按住ctrl+alt+左方向键或右方向键,可以比只按alt键调整的距离更大一些   选中要调整行距距的文字   按住alt+上方向键或下方向键,可以调整   ctrl+r 右边对齐   ctrl+...另外呢,再说一句ps工具栏快捷键大全,一下子分享出去某些自己发现的快捷键心里还是有些不情愿的(当然了,有的人可能都见过),在这个充满竞争的世界,怎么能帮助竞争者呢!

    1.5K20

    PS2022下载ps软件怎么下载 PS最新版安装包下载 PS安装教程ps软件下载

    如果你能想到,你可以用Photoshop制作它,Photoshop是世界上最好的成像和平面设计软件。创建和增强照片、插图和3D艺术品。设计网站和移动应用程序。编辑视频,模拟现实生活中的绘画等等。...操作方法:选择吸管工具”I”时,便可在选项栏上看到采样大小并选择合理的采样范围。相关技巧:绘图时按住” Alt Shift 鼠标右键”——你会发现鼠标旁出现了一个色彩选取框,是的!...如果你希望在当前图层下方创建图层的时候,按住”Ctrl”键并单击图层面板下方的新建图层按钮就ok啦。...由于小编好问的品质了解到这其实完全可以通过一个小技巧实现的哦,不需要参考线。操作方法:按住” Shift”键并且通过键盘上的方向键移动,可以使物体以10px单位移动哦。间距再也不成问题啦。...操作方法:按住” Ctrl”键并单击图层缩略图,如果你看到“警告:没有像素被选中”,那么这个图层就是空的。如果你想直接一次性删除空图层,选择“文件—>脚本—>删除所有空图层”。

    1.7K00

    GoogleMaps_键盘网站

    鼠标锁定位置中心可以通过Shift触发。也可以用中间滚轮和右键触发。 提示:要减慢移动速度,请按住 Alt 并同时使用键盘快捷键。...Shift + 向左箭头 Shift + 向左箭头 逆时针旋转(鼠标锁定位置) Shift + 向右箭头 Shift + 向右箭头 向上倾斜(鼠标锁定位置) 按住 Shift,然后点击并向下拖动 Shift...+ 向下箭头 向下倾斜(鼠标锁定位置) Shift + 向上箭头 按住 Shift,然后点击并向上拖动 Shift + 向上箭头 顺时针旋转(相机视角) Ctrl + 向左箭头 Ctrl + 向左箭头...双击右键 PLUS CODE码 点击右键 按住Shift,点击右键 可以随时停止过渡动画 停止当前运动 空格键 空格键 将视图重置为上北下南 n n 将倾斜度重置为“鸟瞰”视图 u u...将地球置于中央 r r 显示/隐藏总览窗口 Ctrl + m ⌥⇧⌘ + m 显示/隐藏网格 Ctrl + l 进入飞行模拟器 Ctrl + Alt + A 版权声明:本文内容由互联网用户自发贡献

    1.5K20

    Vue这些修饰符帮我节省20%的开发时间

    如果你先输入字符串,那它就相当于没有加.number 事件修饰符 .stop 由于事件冒泡的机制,我们给元素绑定点击事件的时候,也会触发父级的点击事件。...//普通键.enter.tab.delete //(捕获“删除”和“退格”键).space.esc.up.down.left.right //系统修饰键.ctrl.alt.meta.shift 可以通过全局...你可以一个手指按住系统修饰键一个手指按住另外一个键来实现键盘事件。也可以用一个手指按住系统修饰键,另一只手按住鼠标来实现鼠标事件。....exact (2.5新增) 我们上面说了这个系统修饰键,当我们像这样绑定了click键按下的事件,惊奇的是,我们同时按下几个系统修饰键,比如ctrl shift点击,也能触发,可能有些场景我们只需要或者只能按一个系统修饰键来触发...注意:这个只是限制系统修饰键的,像下面这样书写以后你还是可以按下ctrl + c,ctrl+v或者ctrl+普通键 来触发,但是不能按下ctrl + shift +普通键来触发。

    1.1K00
    领券