js中debugger常用的几个命令

最新推荐文章于 2025-11-19 02:57:23 发布
原创 最新推荐文章于 2025-11-19 02:57:23 发布 · 5.2k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文介绍了使用Chrome浏览器进行代码调试的方法，包括F9单步执行、F11深入子函数执行、F10跳过子函数执行及Shift+F11跳出当前函数的快捷键使用技巧。
部署运行你感兴趣的模型镜像

文中用的是chrome浏览器

  • step 快捷键：F9 单步执行
  • step into 快捷键：F11 全称：step into next function
    单步执行，遇到子函数就进去继续单步执行
  • step over 快捷键：F10 全称：step over next function
    单步执行，遇到子函数并不进去，将子函数执行完并将其作为一个单步
  • step out 快捷键：Shift + F11 全称：step out of current function
    直接跳出当前的函数，返回父级函数

以下是调试界面

这里写图片描述

您可能感兴趣的与本文相关的镜像

ACE-Step

ACE-Step

音乐合成
ACE-Step

ACE-Step是由中国团队阶跃星辰（StepFun）与ACE Studio联手打造的开源音乐生成模型。 它拥有3.5B参数量，支持快速高质量生成、强可控性和易于拓展的特点。 最厉害的是，它可以生成多种语言的歌曲，包括但不限于中文、英文、日文等19种语言

JavaScript 调试技巧 -（初级完）
疯狂假前端的博客
09-15 1023
使用浏览器开发者工具：掌握控制台、元素检查、源代码调试、网络分析、性能监控、内存分析和安全检查。使用debugger语句：在代码中插入debugger语句暂停执行以进行调试。使用日志输出：利用输出调试信息。使用断言库：编写测试断言以验证代码功能。单元测试：使用测试框架编写和运行单元测试。性能分析：使用浏览器性能工具分析和优化代码性能。掌握这些调试技巧将帮助你高效地排查和修复代码中的问题。初级学习内容就完了。
debugger
m0_37766285的博客
10-10 498
写代码是一时爽，debug时火葬场!!! 今晚调试了很长时间的程序，模型竟然提取出零个关键词，真是吓死我了。第一反应是：我不适合科研，我设计的模型就是屎。算了吧！赶紧再找条出路吧。。。但静下心来想想肯定在哪有Bug，不可能一个关键词都出不来。没办法，只能一步步查找，好死不死，远程连接服务器时pycharm无法用debug模式，我估计是权限的问题，bin文件夹下的一些程序没有权限，这个问题后续再解决...
debug的操作
qq_62881798的博客
09-21 3104
指程序发生了错误。
FluentTerminal全屏模式使用技巧：沉浸式终端体验
最新发布
gitblog_00532的博客
11-19 321
FluentTerminal是一款基于UWP和Web技术的现代化终端模拟器，支持全屏模式功能，为用户提供极致的沉浸式终端体验。作为一款功能强大的Windows终端工具，FluentTerminal的全屏模式能够让你完全专注于命令行工作，提升工作效率。 ## 什么是FluentTerminal全屏模式？ FluentTerminal全屏模式是一种特殊的显示状态，在这种模式下，终端窗口会占据整个屏
JavaScript：断点调试
WLK654321的博客
12-01 6441
断点调试可以帮助我们查看代码运行过程。1.打开控制台，按F12或鼠标右键找到检查选项2.断点文件位置3.打断点4.进入调试状态5.逐语句执行暂停/恢复脚本执行（快捷键F8 Ctrl+ \ ）。 单步跳过下一个函数调用（快捷键F10 Ctrl+ ' ）。 单步执行下一个函数调用（快捷键F11 Ctrl+；）。 跳出当前执行函数（快捷键Shift+F11 Ctrl+Shift+；）。 步骤（快捷键F9）。 停用断点（快捷键Ctrl+F8）。 出现异常时暂停。
js调试常识
放荡不羁爱自由
02-10 484
文中用的是chrome浏览器 step 快捷键：F9 单步执行 step into 快捷键：F11 全称：step into next function 单步执行，遇到子函数就进去继续单步执行 step over 快捷键：F10 全称：step over next function 单步执行，遇到子函数并不进去，将子函数执行完并将其作为一个单步 step out 快捷键：Shift...
js的debugger工具调试技巧
daponi的博客
07-02 9283
    .java文件可以在开发环境里打断点来调试，而.jsp文件也可以打断点来调试。但.jsp文件加断点的方法与.java文件加断点的方式不同，.jsp是在要调试的代码处加入debugger;语句来标识断点的位置，而当前端页面点击触发到该代码处时，就会自动弹出调试的消息。 1.在代码处加入debugger； //查询方法实现 function se...
SmartDebug.JS：引领JavaScript调试新纪元
标签"javascript testing debugger test-framework debug satire TestingJavaScript"反映了SmartDebug.JS在JavaScript社区中的定位： 1. **JavaScript测试与调试**：标签揭示了SmartDebug.JS是一个调试工具，适用于...
【Turbo Debugger高级技巧】：提升调试效率的10个实战策略
通过对基本调试命令、快捷键的解析，条件断点、动态调试、反汇编及底层分析技巧的讨论，文章为读者提供了扎实的调试工具使用基础。此外，还讨论了性能分析、代码优化以及调试自动化和脚本编写的高级技巧，最后
Vue.js项目开发中的5个hbuilderx技巧
在Vue.js项目开发中，选择合适的开发工具是至关重要的。HBuilderX作为一款功能强大的开发工具，具有一系列优势，使其成为Vue.js项目开发的理想选择。下面我们将详细介绍为什么选择HBuilderX作为开发工具的原因。 ##...
常用小工具
07-27
在IT领域，"常用小工具"可能包括以下几个方面： 1. **文本编辑器**：如Notepad++、Sublime Text、Visual Studio Code等，它们是程序员日常工作中不可或缺的工具，用于编写、修改和调试代码。 2. **版本控制系统**...
Jupyter Notebook魔法命令全攻略：15个提升数据分析效率的隐藏利器
一个看似不起眼却威力巨大的工具可能正被你忽略——那就是Jupyter Notebook中的**魔法命令**（Magic Commands）。 这些以 `%` 或 `%%` 开头的小指令，远不止是语法糖那么简单。它们是连接Python标准语言与交互式...
js debugger
song854601134的博客
07-07 2838
即可看到，在浏览器页面看到如图所示，代表断点在开始执行。这种方式需要在网页中。第二种：在调试台打开。③：点击代码左侧行数。
js调试工具和方法如何使用,js如何调试代码
神经网络爱好者
10-30 1167
大家好，小编来为大家解答以下问题，js调试工具和方法如何使用，js如何调试代码，现在让我们一起来看看吧！大家好，我是。持续组织了8个月，感兴趣的可以参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的包含20余篇源码文章。。另外：目前建有籍 前端群，可加我微信进群。作为前端开发，我们会经常使用 console.log() 来调试程序中的问题。虽然这种方式也能解决一部分问题，但是它的效率不如能执行逐步调试的工具。
JavaScript的调试
Y0admin的博客
07-26 1948
为什么要调试？ 程序就是函数堆砌起来的，程序的运行就是函数的执行过程。而通过JS调试，我们可以更为直观的追踪到在程序运行中，函数的执行顺序，以及各个参数的变化。这样我们就可以快速的定位到问题所在。 1.什么是JS调试？ 在程序运行中，我们总会遇到各种bug，而通过代码的追踪代码的运行顺序从而定位到问题的过程就叫做JS调试。 首先我们需要知道如何进入调试的界面，此处我们以谷歌为例，通过F12和右键检查，找到Sources就可以进入调试界面。具体界面显示如下： 红框所标示的就是我们调试常用的按键.
如何调试Javascript代码
weixin_30596735的博客
08-08 262
目前，常用的浏览器IE、Chrome、Firefox都有相应的脚本调试功能。作为我们.NET 阵营，学会如何在IE中调试JS就足够了，在掌握了IE中的调试方法以后，Chrome和Firefox中的调试方法也变得相当简单了。 在F12开发人员工具中进行调试 打开IE浏览器，按下F12键，就会打开开发人员工具，这是IE内置的开发人员开发工具，方便开发人员对HTML、CSS、Javascrip...
提高js调试效率的一个快捷键ctr+g 快速定位代码行
wyj372的专栏
08-01 724
vscode chrome firefox js 调试快速定位代码行，快捷键ctrl+g 提交工作效率
react打断点调试
react打断点调试
04-03 6654
1.2.3..4.5.6. (2)  F8继续调试；(3)  F11进入Javascript中的函数体调试；(4)  F10 进入下一行；f10是执行下一行js代码f11是进入当前行方法  f8是让代码继续运行...
js调试技巧之活用浏览器F12
空夜's Blog
12-04 8992
在浏览器下按F12键，可以打开调试面板。 如图，可以看到页面中分别有Elements、Console、Sources、Network、Performance、Application、Memory等标签页。 下面介绍一下各个标签页的作用和用法。 Console 介绍 控制台页面，在里面可以看到页面加载、响应中产生的错误（红色），警告（黄色）。如果HTML页面有语法或其他错误，可以到这边查看。 Co...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值