WebStorm 中调试 (Debug) JavaScript 文件(js)

WebStorm 中调试 (Debug) JavaScript 文件(js)

在 WebStorm 中调试 JavaScript 文件,您可以设置断点,启动调试会话,并使用浏览器中的开发者工具来查看变量和执行流程。以下是详细步骤:

设置断点

  1. 打开您的 JavaScript 文件。

  2. 在您想要暂停执行的代码行点击并按下 F9 键,这样就会在那一行代码上创建一个断点。

启动调试会话

  1. 点击顶部菜单栏的 Run > Debug... 或者使用 Shift + F9 快捷键启动调试会话。

  2. 选择合适的运行/调试配置,如果是在浏览器中运行的代码,则可能需要配置一个 Web Server。

  3. 点击 OK 开始调试。

在调试中操作

  1. 当执行到达带有断点的代码行时,WebStorm 会暂停执行并允许您查看变量值、单步执行等。

  2. 使用调试工具栏上的按钮进行操作:

    • Resume Program (F9):继续执行程序直到下一个断点。
    • Step Over (F8):逐行执行当前函数,不进入函数内部。
    • Step Into (F7):进入当前行中调用的函数。
    • Step Out (Shift + F8):从当前函数返回到调用它的函数。
    • Restart (Ctrl + F5):重新启动调试会话。

使用开发者工具查看变量和执行流程

  1. 在浏览器中打开调试页面,并打开开发者工具(通常是按 F12 键)。

  2. 在开发者工具中,切换到 SourcesDebugger 标签页,找到您的 JavaScript 文件。

  3. 在这里,您可以查看变量值、执行流程,以及在调试会话中的所有断点。

确保您的 WebStorm 已经安装并启用了 JavaScript 语言支持,并且您的项目设置中已经包括了您正在调试的 JavaScript 文件。

通过以上步骤,您可以在 WebStorm 中轻松调试 JavaScript 文件,并查看变量和执行流程,以便更好地理解代码的执行过程和调试问题。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/2657.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用 vllm 本地部署 Llama3-8b-Instruct

使用 vllm 本地部署 Llama3-8b-Instruct 0. 引言1. 安装 vllm2. 本地部署 Llama3-8b-Instruct 0. 引言 此文章主要介绍使用 vllm 运行 Llama3-8b。 1. 安装 vllm 创建虚拟环境, conda create -n myvllm python3.11 -y conda activate myvllm安装 Ray 和 Vllm&am…

条件生成对抗网络(cGAN)在AI去衣技术中的应用探索

随着深度学习技术的飞速发展,生成对抗网络(GAN)作为其中的一个重要分支,在图像生成、图像修复等领域展现出了强大的能力。其中,条件生成对抗网络(cGAN)通过引入条件变量来控制生成模型的输出&am…

Spring SpringBoot(详解)

1. Spring简介 1.1 Spring 核心设计思想 1.1.1 Spring 是什么? Spring 是包含了众多⼯具⽅法的 IoC 容器。Spring 指的是 Spring Framework(Spring 框架),它是⼀个开源框架,Spring ⽀持⼴泛的应⽤场景,它…

SIT3088E:3.0V~5.5V 供电,14Mbps 半双工 RS485/RS422 收发器

特点: 3.0V~5.5V 宽电源范围,半双工;  总线端口 ESD 保护能力 HBM 达到 15kV 以上;  总线容错耐压达到15V;  1/8 单位负载,允许最多 256 个器件连接到总线;  驱动器短路输出保护&…

手撕AVL树(map和set底层结构)(1)

troop主页 今日鸡汤:Action may out always bring happiness;but there is no happiness without action. 行动不一定能带来快乐,但不行动一定不行 C之路还很长 手撕AVL树 一 AVL树概念二 模拟实现AVL树2.1 AVL节点的定义 三 插入更新平衡因子&#xff0…

SpringBoot学习之Kafka下载安装和启动【Mac版本】(三十三)

一、配置Java环境变量 在启动Kafka之前,你需要先正确配置好你的Java环境变量。可以在终端输入java -version检查java环境变量是否配置正确,在Mac上如何配置java环境变量,请读者自行网上搜索操作之,此处不赘叙。 二、下载安装Kafka 1、下载Kafka:Apache Kafka,这两个版本…

四川赢涟电子商务有限公司深耕抖音电商服务

在当今数字化、网络化高速发展的时代,电子商务行业异军突起,成为推动经济增长的重要力量。四川赢涟电子商务有限公司凭借其敏锐的市场洞察力和创新精神,专注于抖音电商服务,致力于为广大消费者提供便捷、高效、个性化的购物体验&a…

Paddle 1.8 与 Paddle 2.0 API 映射表

安装2.6的paddlepaddle之后总是报fluid的错误,查询得知这个接口已经弃用了,但是一直找不到替换接口,偶然查询报错信息的时候找到了映射表,转存一下。 Paddle 1.8 与 Paddle 2.0 API 映射表

Debian 12.5(代号 “Bookworm“)中安装中文支持

在 Debian 12.5(代号 "Bookworm")中安装中文支持通常涉及以下几个步骤: 1. **选择语言**: 在安装过程中,安装程序会询问您选择界面语言,您可以选择中文。 2. **安装中文语言包**&#xff1a…

如何优雅地Spring事务编程

本文已收录至Github,推荐阅读 👉 Java随想录 微信公众号:Java随想录 在开发中,有时候我们需要对 Spring 事务的生命周期进行监控,比如在事务提交、回滚或挂起时触发特定的逻辑处理。那么如何实现这种定制化操作呢&am…

直播报名 | 科技出海新势力,遥感+AI助力一带一路

遥感技术的出海之路顺畅吗? 国内外遥感应用的关注点相同吗? 目前珈和主要辐射哪些海外国家? … 上周数据赋农季第三期《科技出海,遥感AI赋能“一带一路”提升种植园规模效益》直播预告一出,小伙伴们纷纷来咨询珈和的海…

CentOS安装htop工具

启用 EPEL Repository 安装Htop 首先启用 EPEL Repository: yum -y install epel-release启用 EPEL Repository 后, 可以用 yum 直接安裝 Htop: 安装htop yum -y install htop安装成功 输入htop使用工具 htop安装glances工具 yum install glances

汉译英早操练-(十六)

hello大家好,又到了一周一度的汉译英早操练时间。今天是周三你感觉怎么样?什么?你不想学英语,来来来 操练起来,今天是一个小练习,讲西藏的一个小篇幅说明文,虽然老生常谈,但谁说简…

达梦(DM)数据库管理表

达梦DM数据库管理表 管理表管理表的准则表的存储空间上限表的存储位置 创建表创建普通表指定表的聚集索引查询建表更改表删除表清空表查看表定义查看表空间使用 表是数据库中数据存储的基本单元,是对用户数据进行读和操纵的逻辑实体,表由列和行组成&…

Vue的列表渲染和双向绑定(初学vue之v-for以及v-model)

目录 一、列表渲染(v-for)介绍: 1.概念 2.好处 3.作用 4.应用 5.用法 二、双向绑定(v-model)介绍: 1.概念 2.好处 3.作用 4.应用 5.用法 三、v-for和v-model具体用法 1.v-for的基本使用 2.v…

Springboot+Vue项目-基于Java+MySQL的企业客户管理系统(附源码+演示视频+LW)

大家好!我是程序猿老A,感谢您阅读本文,欢迎一键三连哦。 💞当前专栏:Java毕业设计 精彩专栏推荐👇🏻👇🏻👇🏻 🎀 Python毕业设计 &…

前端零代码开发实践:页面嵌套+逻辑连线0开发扩展组件,实现切换开关控制扇叶转动。能无代码封装扩展组件,有别于常规的web组态或低代码平台

前言: 官网:http://www.uiotos.net/ 什么是 UIOTOS? 这是一款拥有独创专利技术的前端零代码工具,专注于解决前端界面开发定制难题,原型即应用!具有页面嵌套、属性继承、节点连线等全新特性,学习门槛低…

网络安全之SQL注入及防御(下篇)

目录 什么是SQL注入? 一,SQL注入会导致什么呢? 二,SQL注入思想与步骤 三,SQL注入的绕过 四,sqlmap工具的使用 五,sql注入的防御方法 总结 什么是SQL注入? SQL注入(…

第二证券|股票做短线要关注什么?

在股市中短线交易因其快速的盈利时机而招引了众多投资者,但做短线想要挣钱也不是那么容易的。对于股票做短线要重视什么,第二证券下面就为我们具体介绍一下。 短线交易需重视: 1、商场短期趋势。短线投资者首先需要重视的是全体商场趋势&am…

tokio多任务绑定cpu(绑核)

tokio 是 rust 生态中流行的异步运行时框架。在实际生产中我们如果希望 tokio 应用程序与特定的 cpu core 绑定该怎么处理呢? 首先我们先写一段简单的多任务程序。 use tokio; use tokio::runtime; use core_affinity;fn tokio_sample() {let rt runtime::Builde…