当前位置: 首页 > article >正文

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

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

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

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

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

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

选中要断点的行

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

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

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


http://www.kler.cn/a/229473.html

相关文章:

  • pytest的常用插件和Allure测试报告
  • 【蓝桥杯选拔赛真题91】Scratch筛选数据 第十五届蓝桥杯scratch图形化编程 少儿编程创意编程选拔赛真题解析
  • 宠物空气净化器哪个品牌质量好?实惠的猫用猫用净化器牌子测评
  • 计算机设计大赛 深度学习+opencv+python实现车道线检测 - 自动驾驶
  • 在每个地方都应该添加 memo 吗?
  • 【ArcGIS微课1000例】0101:删除冗余节点或折点
  • 计算机网络——03网络核心
  • 详解Python3的垃圾回收机制
  • 国内领先的酒店用品采购平台「尚和酒店」×企企通B2B2B商城上线,引领酒店用品行业数智升级
  • 在 CentOS 7上使用 Apache 和 mod_wsgi 部署 Django 应用的方法
  • Nginx使用详解
  • 6、基于机器学习的预测
  • 4. 树(二叉树、二叉查找树/二叉排序树/二叉搜索树、平衡二叉树、平衡二叉B树/红黑树)
  • 【JavaScript】Js中一些数组常用API总结
  • 面试数据结构与算法总结分类+leetcode目录【基础版】
  • 流量控制原理
  • SSRF漏洞给云服务元数据带来的安全威胁
  • k8s学习(RKE+k8s+rancher2.x)成长系列之简配版环境搭建(二)
  • 基于最新koa的Node.js后端API架构与MVC模式
  • (附源码)基于springboot 毕业生去向统计设计系统-计算机毕设 25559