chrome谷歌浏览器常用快捷键开发技巧

zengming zengming     2023-03-16     351

关键词:

谷歌浏览器作为常用的开发工具,熟悉常用的快捷键,不仅方便快捷,也能间接提高不少工作效率。以下是谷歌浏览器常用快捷键和开发技巧。

标签页和窗口快捷键

1. Ctrl + n 打开新窗口

2. Ctrl + t 打开新的标签页,并跳转到该标签页

3. Ctrl + Shift + t 重新打开最后关闭的标签页,并跳转到该标签页

4. Ctrl + Tab 跳转到下一个打开的标签页

5. Ctrl + Shift + Tab 跳转到上一个打开的标签页

6. Alt + ← 历史记录上一页

7. Alt + → 历史记录下一页

8. Ctrl + w 关闭当前标签页

9. Ctrl + 1 到 Ctrl + 8跳转到特定标签页,Ctrl + 9跳转到最后一个标签页

10.Alt + Home 在当前标签页中打开主页

11.Ctrl + Shift + w 关闭所有打开的标签页和浏览器

12.Ctrl + Shift + q 退出Chrome浏览器

功能快捷键

1. Ctrl + Shift + b 显示或隐藏书签栏

2. Ctrl + h 在新标签页中打开"历史记录"页

3. Ctrl + j 在新标签页中打开"下载内容"页

4. Shift + Esc 打开 Chrome 任务管理器

5. Ctrl + g 跳转到与查找栏中搜索字词相匹配的下一条内容

6. Ctrl + Shift + g 跳转到与查找栏中搜索字词相匹配的上一条内容

网页快捷键

1. Ctrl + u 显示当前网页的 HTML 源代码

2. Ctrl + d 将当前网页保存为书签

3. Ctrl + Shift + d 将所有打开的标签页以书签的形式保存在新文件夹中

4. 空格键或 PgDn 向下滚动网页,一次一个屏幕

5. Shift + 空格键或 PgUp 向上滚动网页,一次一个屏幕

6. Ctrl 和 + 放大网页上的所有内容

7. Ctrl 和 - 缩小网页上的所有内容

8. Ctrl + 0 将网页上的所有内容恢复到默认大小

9. Ctrl + Shift + d 将所有打开的标签页以书签的形式保存在新文件夹中

10. Esc 停止加载网页

鼠标快捷键

1. 按住 Ctrl + Shift 键的同时点击链接打开链接,并跳转到该链接

2. 按住 Alt 键的同时点击链接 下载链接目标

3. 将链接拖到标签栏的空白区域 打开链接,并跳转到该链接(仅使用鼠标)

4. 按住 Ctrl 键的同时点击链接 在新的后台标签页中打开链接

F12打开调试窗口:

获取元素Xpath:F12 进入调试窗口 --》找到对应元素节点--》右键选择Copy--》选择 “Cpoy Xpath“

 

ubuntu-常用技巧

ubuntu-常用技巧截图快捷键Ctrl+PrtSc截图当前窗口屏幕Shift+PrtSc手动选取截图窗口google浏览器下截长图F12打开控制台按下Ctrl+Shift+P输入Capturefullsizescreenshot参考谷歌长图截图-简书 查看详情

小技巧:chrome将网页加入apps快捷打开

...用的工具类网页、SPA应用(SinglePageApplication),还在打开浏览器、再找书签么?Chrome可以帮您安装快捷图标,直接双击打开就好了。ChromeApps打开Chrome浏览器,输入chrome://apps,即可打开应用页面:还可以选择在系统应用里安装快... 查看详情

开发技巧-解决打开谷歌浏览器跳转问题

首先地址栏输入:chrome://settings/或者chrome://settings/searchEngines添加搜索引擎图中的设置值:google.comghttp://www.google.com/search?q=%s 然后设置为默认搜索引擎就行了 查看详情

chrome浏览器开发常用快捷键之基础篇-遁地龙卷风

1.标签页和窗口快捷键  打开新的标签页,并跳转到该标签页Ctrl+t   重新打开最后关闭的标签页,并跳转到该标签页 Ctrl+Shift+t   跳转到下一个打开的标签页 Ctrl+PgDn   跳转到上一个打开的标签页 Ctrl+PgUp   跳转到特定... 查看详情

chrome浏览器调试技巧

...工具切换到Sources面板中:相关链接版本说明下载地址谷歌浏览器2015正式版查看谷歌浏览器翻译插件官方安装版查看谷歌浏览器控件工行网银控件查看谷歌浏览器64位版官方版查看谷歌浏览器mac版官方正式版查看谷歌浏览器正式版... 查看详情

谷歌浏览器 f12(代码片段)

1.如何调出开发者工具按F12调出右键检查(或快捷键Ctrl+Shift+i)调出  2.开发者工具初步介绍 chrome开发者工具最常用的四个功能模块:元素(ELements)、控制台(Console)、源代码(Sources),网络(Network)。  元... 查看详情

谷歌chrome浏览器安卓版的使用技巧分享

参考技术A谷歌chrome浏览器是一款高效率的浏览器,但是在用户使用的过程中,真的能做到高效使用吗?相信很多小伙伴在使用谷歌chrome浏览器时都只是知道一些常用的方法。今天我就来分享几个在使用谷歌chrome浏览器时的小技... 查看详情

window系统里chrome浏览器一些实用的调试技巧(代码片段)

说明某一天,我突然发现chrome浏览器竟是熟悉的陌生人,感觉好多操作都不知道,于是,我看了一些大佬写的笔记,自己把不会的一些整理了一下,记录起来,忘记的时候偶尔来看一看。1、开发者工具... 查看详情

window系统里chrome浏览器一些实用的调试技巧(代码片段)

说明某一天,我突然发现chrome浏览器竟是熟悉的陌生人,感觉好多操作都不知道,于是,我看了一些大佬写的笔记,自己把不会的一些整理了一下,记录起来,忘记的时候偶尔来看一看。1、开发者工具... 查看详情

chrome35个开发者工具的小技巧(代码片段)

谷歌浏览器如今是Web开发者们所使用的最流行的网页浏览器。伴随每六个星期一次的发布周期和不断扩大的强大的开发功能,Chrome变成了一个必须的工具。大多数可能熟悉关于chorme的许多特点,例如使用console和debugger在线编辑CSS... 查看详情

程序员必需知道的chrome使用技巧(入门篇)

浏览器版本ChromeCanary新增一些没有经过Google工程师的测试或使用的浏览器功能版本。ChromeDev让大多数开发人员主要使用此版本来测试对浏览器的重大版本功能版本。ChromeBeta面向大众用户的最稳定的预发行版本。Chrome面向大众用... 查看详情

谷歌浏览器常用插件

在前端这个行业里面,浏览器担任着及其重要的角色。今天我们可以选择的浏览器有很多,Chrome,Firefox,IE,Safari…为了能获得更佳的开发体验,大家更多地选择Chrome。今天介绍下我平时安装的那些ChromeExtensions。ChromeExtensions&nbs... 查看详情

chrome常用快捷键

写在前面的话:博主整理了一些Chrome浏览器常用的一些快捷键以及设置地址,既方便以后查找,也希望能和大家一起分享一下温馨提示:博主使用的Windows10下的Chrome浏览器,版本为:67.0.3396.99(正式版本)(32位),以下分享可... 查看详情

windows系统以及谷歌浏览器快捷键,控制台常用命令

win10系统快捷键win+D回到桌面控制台代码(win+R打开控制台)calc系统计算器谷歌浏览器快捷键ctrl+tab切换标签页ctrl+1/2...9数字切换到第几个标签页 查看详情

2.html开发工具

...一个高级记事本)、Notepad++(高级记事本)、Chrome(谷歌浏览器)2.其他开发工具1.常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等,我们平时称为五大浏览器。2.前端常用的写代码工具有Dreamweaver、WebStorm、Builde... 查看详情

mac下谷歌chrome浏览器的快捷键

...身模式下打开新窗口。按 ?-O,然后选择文件。在Chrome浏览器中打开计算机中的文件。按住 ? 的同时点击链接。或用鼠标中键(或鼠标滚轮)点击链接。从后台在新标签页中打开链接。按住 ?-Shift 的同时点击链... 查看详情

chrome浏览器常用键盘快捷键介绍

...,使用键盘会比使用鼠标点击更快、更高效。本文对Chrome浏览器常用的快捷键做个说明。  标签页和窗口快捷键1. Ctrl+n打开新窗口2. Ctrl+t打开新的标签页,并跳转到该标签页3. Ctrl+Shift+t重新打开最后关闭的标签... 查看详情

谷歌chrome开发者工具主要项目使用介绍

...目使用介绍20180517Chenxin打开开发者工具快捷键F12强制刷新浏览器加载资源Ctrl+F5基本按钮说明这些按钮的功能点如下:Elements:查找网页源代码HTML中的任一元素,手动修改任一元素的属性和样式且能实时在浏览器里面得到反馈。Consol... 查看详情