ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

Js​Debuggr

作者: rDr4g0n ST3

在 Sublime Text 中从舒适的位置添加、删除、启用和禁用 JavaScript 断点 :)

详细信息

  • 0.9.1
  • github.com
  • github.com
  • 8年前
  • 2小时前
  • 8年前

安装次数

  • 总数 5K
  • Win 3K
  • Mac 1K
  • Linux 944
8月6日 8月5日 8月4日 8月3日 8月2日 8月1日 7月31日 7月30日 7月29日 7月28日 7月27日 7月26日 7月25日 7月24日 7月23日 7月22日 7月21日 7月20日 7月19日 7月18日 7月17日 7月16日 7月15日 7月14日 7月13日 7月12日 7月11日 7月10日 7月9日 7月8日 7月7日 7月6日 7月5日 7月4日 7月3日 7月2日 7月1日 6月30日 6月29日 6月28日 6月27日 6月26日 6月25日 6月24日 6月23日
Windows 0 0 0 0 1 0 1 1 0 0 0 1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 2 0 0 0 0 0 0
Mac 1 1 0 0 0 0 0 0 2 0 0 1 2 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0

Readme

源代码
raw.githubusercontent.com

摘要

由于代码编辑器和浏览器调试工具之间缺乏集成,调试 JavaScript 可能会很麻烦。JsDebuggr 通过允许用户从 Sublime Text 编辑器中轻松管理断点,旨在使其稍微容易一些。

JsDebuggr 的工作方式是在文档保存时在每个断点处插入 debugger 关键字。由于仅在保存文档时发生,因此用户永远不会看到断点。它们只是工作 :)

ScreenShot

在你的浏览器(咳咳Chrome咳咳)中打开含有断点的代码,打开浏览器的开发者工具,看看你的断点是如何工作的!

功能

  • 添加、删除、启用和禁用单个断点
  • 删除、启用和禁用所有断点,以便在汗流浃背的调试会话后轻松清理。
  • 条件断点
  • 断点保留在您的代码中,并在下次打开时重新加载
  • 断点会保留在您想要的行上,这样在预处理代码并刷新页面时就不会影响您的代码。

这不是什么

此插件不是开发者控制台的替代品。您仍然需要打开 firebug 或 chrome 开发者工具或启用 node.js 中的调试,然后使用这些工具检查堆栈、变量等。此插件在任何方式上都不会连接到这些开发工具,它只是使管理断点变得更加合理。

安装

从 Sublime Text 3 开始,假设已安装 Package Control,请按下 ctrl+shift+p(Win、Linux)或 cmd+shift+p(OS X)并开始键入“安装软件包”。从列表中选择“包控制:安装软件包”,然后开始键入“jsdebuggr”,选择要安装的软件包。

使用方法

简单添加一个断点,然后保存文档。这将在幕后添加debugger关键字,因此当您的文档在被支持的js引擎加载时,它将在该点中断。注意,您必须在添加、删除或编辑断点后保存文档,以使更改生效!

默认快捷键如下

  • ctrl + f10 - 添加或删除断点
  • ctrl + shift + f10 - 禁用或启用断点
  • alt + f10 - 添加一个条件断点

此外,右键菜单允许

  • 添加/删除断点
  • 编辑条件断点
  • 启用/禁用断点
  • 启用/禁用所有
  • 全部删除

TODO

  • 启用对命令的更有效率的检查
    • 如果不支持语法,则不加载任何内容
    • 不为右键菜单中的每个选项检查特定的行范围
  • 点击边缘以添加断点?
  • 右键点击边缘以编辑断点?
  • 保存调试器文本区域,然后保存后删除(而不是使用正则表达式)
  • 可能可以取消在语言定义中废除debuggerRe字段
  • 更多语言(coffeescript,python?,其他?)
  • 将条件显示为虚影?
  • 在js-land中添加某种全局断点禁用功能,以便用户可以在调试器中禁用断点
  • 多选支持
  • 配置选项以完全禁用
  • 配置选项切换调试日志
  • 日志点?
  • 测试!