Javascript | JS如何断点测试(WebStorm)-编程知识

Javascript | JS如何断点测试(WebStorm)

news/2025/1/14 19:58:42/文章来源:https://blog.csdn.net/weixin_45325204/article/details/136002801

JavaScript的断点与之前所学到的Java和python在jetbrain系列编辑器中的断点debug不太一样，往常我们在编写python的时候用pycharm的时候是直接断点进入debug的，就像下面这样

只要直接在代码中断点，然后运行debug功能即可

但是在WebStorm中不是，使用中直接打开debug功能，会自动选择默认浏览器打开页面

在浏览器中按F12打开控制台

在控制台中点击“Sources”选项，可以看到当前文件运行的JS代码

选中要断点的行

刷新浏览器当前页面（F5）即可进入debug模式

这里就和其他编辑器的debug功能一样了，还是挺怪的，可能这就是前端和后端不一样的地方吧

特意写这篇文章，用来帮助那些用书本学习Javascript且不知道怎么断点debug的人

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

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

Linux 多线程 | 线程的互斥

在前面的文章中我们讲述了多线程的一些基本的概念以及相关的操作，那么在本章中我们就将继续讲述与多线程相关的同步与互斥之间的问题。首先我们使用一个例子引出我们的问题，又一个全局的变量g_val 100，这个变量是被所有的执行流所共享的&a…

通过 ChatGPT 的 Function Call 查询数据库

用 Function Calling 的方式实现手机流量包智能客服的例子。 def get_sql_completion(messages, model"gpt-3.5-turbo"):response client.chat.completions.create(modelmodel,messagesmessages,temperature0,tools[{ # 摘自 OpenAI 官方示例 https://github.com/…

Jetpack Compose系列(1)-初识Jetpck

Jetpack Compose是什么 2019年的I/O大会上，Google宣布Kotlin成为Android开发首选语言（这次不是第一次说了），且后续会有新的Jetpack API和功能将在Kotlin中提供，并同时开源Jetpack Compose。简介 Jetpack是一套库、…

题目: 有1234个数字, 组成多个互不相同且无重复数字的三位数？都是多少？

lua脚本如下最原始的解题方法 local str{} local i, j, k0, 0, 0 for i1, 4 do for j1, 4 do for k1, 4 do if i~j and i~k and j~k then str[#str1]i..j..k end end end end print("组成的数有"..#str) print(table.unpack(str)) 运行的结果如下组成的数有24 1…

EF Core入门例子(以SqLite为数据库)

测试环境： visual studio 2017 .net core 2.1 具体步骤如下： 1 新增名称为EFCoreDemo的.net core控制台程序，版本选择.net core 2.1，项目不能放到带中文的目录下，不然到后面执行Add-Migration命令时会报如下的错误…

【android】对于google-webrtc的性能中， memory leak

目录 zlmediakit->webrtcplay->app webrtcutil1/3 测试程序等 zlmediakit->webrtcplay->app 编译sdk 32 有时候会从开始新增5M，就稳定在一个值了 webrtcutil1/3 测试程序等编译sdk 30

基于springboot实现二次元商品购物系统项目【项目源码+论文说明】计算机毕业设计

基于springboot实现二次元商品购物系统演示摘要时代的变化速度实在超出人类的所料，21世纪，计算机已经发展到各行各业，各个地区，它的载体媒介-计算机，大众称之为的电脑，是一种特高速的科学仪器&#xff0…

LeetCode：138. 随机链表的复制之如何有效copy

自己复制的话，很容易写出来一个时间复杂度O（n ^ 2） 空O（n）的做法我们可以参考基因的复制， 目录题目： 实现思路（基因复制式的copy）： 官方快慢指针解法&…

呼叫中心座席转接策略

在企业进行批量呼出任务的时候，为了最大效率使用坐席，通常是以班组为单位，进行批量呼出任务。在选择班组作为呼叫业务的基本单位时，就涉及到为呼叫选择坐席策略。 OKCC系统的班组对于选择坐席设计了五种策略，即轮选、最…

TCP/IP详细介绍以及TCP/IP寻址

目录编辑 1. TCP/IP 介绍 2. 计算机通信协议（Computer Communication Protocol） 3. 什么是 TCP/IP？ 4. 在 TCP/IP 内部 5. TCP 使用固定的连接 6. IP 是无连接的 7. IP 路由器 8. TCP/IP 9. TCP/IP 寻址 10. IP地址 …

【Springcloud篇】学习笔记二（四至六章）：Eureka、Zookeeper、Consul

第四章_Eureka服务注册与发现 1.Eureka基础知识 1.1Eureka工作流程-服务注册 1.2Eureka两大组件 2.单机Eureka构建步骤 IDEA生成EurekaServer端服务注册中心，类似于物业公司 EurekaClient端cloud-provider-payment8081将注册进EurekaServer成为服务提供者provide…

国家博物馆逆向抢票协议

逆向工程的具体步骤可以因项目和目标系统的不同而有所变化。然而，以下是一般逆向工程的一般步骤： 1. 分析目标系统：对待逆向的系统进行调研和了解，包括其架构、功能、使用的技术等方面的信息。 2. 反汇编或反编译：使…

Javascript | JS如何断点测试(WebStorm)

相关文章