提高js调试效率的一个快捷键ctr+g 快速定位代码行

wyj372

已于 2022-08-01 10:13:02 修改

阅读量582

点赞数

分类专栏： centos 文章标签： javascript 开发语言 ecmascript

于 2022-08-01 10:12:15 首次发布

本文链接： https://blog.csdn.net/wyj372/article/details/126095094

版权

centos 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

在Chrome调试JavaScript时，使用Ctrl+G快捷键能迅速定位到指定行号，提高代码调试效率。此技巧同样适用于Firefox和VSCode，输入行号后回车，即可直接跳转。在大量代码中，这种方法能有效节省时间，提升编程体验。

摘要由CSDN通过智能技术生成

大家在chrome调试时，找到一个js后，发现想要找到原来的调试的地方好麻烦，需要关键字搜索，但是关键字如果有重复就很麻烦，第一次定位后，一刷新，再找很麻烦，有时候，我明明知道代码，但是还要一行行拖太影响效率，尤其代码行较多时，如何快速定位就需要快捷键

此时根据实际经验备忘和分享一下，快速定位行的快捷键

ctrl+g

1.mozilla firefox ctrl+g 下面会弹出一个框，输入行号如10

马上定位到10行。

2.vscode ctrl+g

输入2000后

3.chrome ctrl+g

输入10

回车

光标马上定位到10号，所以大家在调试程序时，行数较多时，可以刻意记录一下行号，用ctl+g 快速定位代码，小技巧大作用，强一点点就是强，牛一点点就是牛..........

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wyj372

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【Linux系统基础快速入门详解】Linux命令行核心常用快捷键（ctr+a,ctr+e,ctr+k,ctr+u,ctr+c,ctr+d）等原理精讲以及案例分析

走向CTO的路上...

06-03

2455

下面介绍一些Linux命令行核心常用快捷键的原理和使用方法，包括ctrl+a、ctrl+e、ctrl+k、ctrl+u、ctrl+c和ctrl+d等。这些快捷键可以极大地提高命令行操作的效率，特别是在长时间的命令行输入和编辑中。例如，在运行一个长时间运行的命令时，如果需要中断它，可以按下ctrl+c键。然后将光标移动到o的位置，然后按下ctrl+k键，将删除o及其后面的内容。然后将光标移动到o的位置，然后按下ctrl+u键，将删除o及其前面的内容。然后按下ctrl+e键，光标将移动到d的位置。

调试html代码的快捷键,chrome网页F12调试快捷键

weixin_36276256的博客

06-04

3185

Ctrl + Shift +J 直接进入console面板Console()Ctrl + L 清除控制台消息Tab 自动完成通用常缀向右键接受建议Ctrl + U 清除console的提示(便于查看源代码)向上键/向下键选中上一行/下一行Enter 执行代码或命令Debugger(调试面板)F8/Ctrl + \ 暂停/继续F10/Ctrl + ’ 单步执行F11/Ctrl + ; 单步进入S...

参与评论您还未登录，请先登录后发表或查看评论

H5基础知识第十一课时(JS调试快捷键)

yuzhaocong的博客

06-27

414

F12进入调试模式 F10 一步一步执行遇到方法一步执行完无法查看方法的具体执行情况 F11 一步一步执行遇到方法进入方法内部可以查看方法的具体执行情况 shift+F11 从当前的方法退出 F8 停止当前的调试在调试的watch里可以添加变量的监听 breakpoints 断点的清理可以单个清理常用的是一次清理全部

js调试时用到的快捷键

MZ199290的博客

04-22

1216

谷歌浏览器 F12 点击 source 如果知道js 路径可以再右边的文件夹中找出如果不知道只是知道文件名 ctrl + P 输入文件名即可

Js调试

Blog Bingo

08-08

299

Js调试

vscode快捷键

初心不改，事在人为

05-11

364

vscode 跳转到指定的行数的快捷键：Ctrl + G vscode 搜索：Ctrl + F vscode 搜索的css调到指定html：Ctrl + D vscode 删除光标所在的一行：Ctrl + X Ctrl+Shift+P,F1 展示全局命令面板 Ctrl+P 快速打开最近打开的文件 Ctrl+Shift+N 打开新的编辑器窗口 Ctrl+Shift+W 关闭编辑器 Ctrl + X 剪切 Ctrl + C 复制 Alt + up/down 移动行上下 Shift + Alt up/down 在

js调试工具和方法如何使用,js如何调试代码

最新发布

神经网络爱好者

10-30

986

大家好，小编来为大家解答以下问题，js调试工具和方法如何使用，js如何调试代码，现在让我们一起来看看吧！大家好，我是。持续组织了8个月，感兴趣的可以参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的包含20余篇源码文章。。另外：目前建有籍前端群，可加我微信进群。作为前端开发，我们会经常使用 console.log() 来调试程序中的问题。虽然这种方式也能解决一部分问题，但是它的效率不如能执行逐步调试的工具。

带无格式粘贴的设置。（快捷键Ctr+Shift+V）

06-12

下载该文件，覆盖原Normal.dotm （WIN10下路径为C:\Users\Administrator\AppData\Roaming\Microsoft\Templates\）即可启用Shift+Ctrl+V 无格式粘贴

Pycharm之快速定位到某行快捷键的方法

12-23

以上这篇Pycharm之快速定位到某行快捷键的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。您可能感兴趣的文章:PyCharm 常用快捷键和设置方法Python IDE PyCharm的基本...

vscode 跳转到指定的行数的快捷键

weixin_42332641的博客

09-21

3193

vscode 跳转到指定的行数的快捷键：Ctrl + G vscode 搜索：Ctrl + F vscode 搜索的css调到指定html：Ctrl + D vscode 删除光标所在的一行：Ctrl + X

vscode常用快捷键

weixin_46323604的博客

04-27

123

vscode快捷键合集按键功能 Ctrl + Shift + P，F1 显示命令面板 Ctrl + P 快速打开 Ctrl + Shift + N 新窗口/实例 Ctrl + Shift + W 关闭窗口/实例基础编辑按键功能 Alt+ ↑ 向上/向下移动行 Shift+Alt + ↓ 向上/向下复制行 Ctrl+Shift+K 删...

Visual Studio Code（VScode）用法及常用快捷键学习总结

潇湘子的博客

07-02

6657

由于最近又回到了Vue的开发，所以用到了VScode 的使用，因为之前使用过，但是过了好长时间又再没有取用，之前一些用的顺手的设置也都随着时间和一些琐碎的事情，渐渐的忘了，所以写这篇博客一方面是帮助自己去记忆，同时也是帮助想学习的同学参看学习。 file -> preference -> color theme 设置主题颜色 Ctrl + `(反撇) -> 打开终端，因为VS...

Chrome - JavaScript调试技巧总结（浏览器调试JS）

狂奔之林的博客

12-04

364

转自：https://www.hangge.com/blog/cache/detail_1734.html Chrome 是 Google 出品的一款非常优秀的浏览器，其内置了开发者工具（Windows 系统中按下 F12 即可开启），可以让我们方便地对 JavaScript 代码进行调试。为方便大家学习和使用，本文我对 Chrome 的调试技巧做个系统的总结。一、设置断点有两种方法可以给代码添加断点：方法1：在 Source 内容区设置（1）找到要调试的文件，然后在内容源..

chrome 谷歌浏览器查看网页源代码快捷键

热门推荐

石宗昊的博客

03-01

1万+

方法一：在谷歌浏览器的任一页面上右键，查看源代码，即可看到该页面的html代码。方法二：在谷歌浏览器的任一页面中按下快捷键ctrl+U，即可看到该页面的html代码。方法三：在谷歌浏览器的任一页面中按下快捷键f12，即可看到该页面的html代码。 ...

前端调试js小技巧

Leo的博客

11-16

371

前端调试js小技巧在前端调试中，会经常添加console.log()语句，调试完后又需要挨个删除，比较麻烦，于是想到这么一个办法（希望以后遇到更好的办法） consoleLog(1,'alert',a) function consoleLog(flag=false,type,...outs) { /* input： flag:是否启用，true/false type...

JavaScript：断点调试

WLK654321的博客

12-01

5643

断点调试可以帮助我们查看代码运行过程。1.打开控制台，按F12或鼠标右键找到检查选项2.断点文件位置3.打断点4.进入调试状态5.逐语句执行暂停/恢复脚本执行（快捷键F8 Ctrl+ \ ）。单步跳过下一个函数调用（快捷键F10 Ctrl+ ' ）。单步执行下一个函数调用（快捷键F11 Ctrl+；）。跳出当前执行函数（快捷键Shift+F11 Ctrl+Shift+；）。步骤（快捷键F9）。停用断点（快捷键Ctrl+F8）。出现异常时暂停。

JS设置键盘快捷键、组合键

我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。

05-17

1851

【代码】JS设置键盘快捷键、组合键。

使用chrome开发者工具调试JavaScript代码的三种常用方法

就是喜欢JAVA

04-07

8968

对 JS 程序的调试，除了在 JS 程序中使用 alert()、console.log() 方法跟踪和调试代码外，开发人员也会经常使用一些调试工具。最常用的 JS 调试工具就是一些主流的浏览器的调试工具，如 IE11 浏览器的“开发人员工具”、Firefox 浏览器的“Firebug”工具或较新版本的“开发者>>Web 控制台”以及 Chrome 浏览器的“开发者工具”。限于篇幅的原因，本节将只介绍 Chrome 浏览器的“开发者工具”调试工具，IE 浏览器的“开发人员工具”和 Firefox

Chrome 中的 JavaScript 断点设置和调试技巧

wqc02的专栏

04-23

3642

你是怎么调试 JavaScript 程序的？最原始的方法是用 alert() 在页面上打印内容，稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。嗯~，用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题。不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了。本文主要介绍其中的 JavaScript 断点设置和调试功能

C#开发必备：VS2005调试与代码快捷键全解析