Web Inspector:关于在 Sublime Text 中调试Js的介绍


Posted in Javascript onApril 18, 2013

Sublime Text 是一款非常优秀的跨平台编辑器,拥有漂亮的用户界面和强大的功能,例如代码缩略图,多重选择,快捷命令等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API ,Goto 功能,即时项目切换,多选择,多窗口等等。

另外,Sublime Text 插件众多,通过包管理工具可以方便安装和管理。本文介绍的 Sublime Web Inspector 便是众多插件中一款非常出色的开发辅助插件,可以帮助 Web 开发人员直接在 Sublime Text 中调试 JavaScript 代码。

Sublime Web Inspector 主要特色如下:

断点

在编辑器中,你可以设置和删除断点。

Web Inspector:关于在 Sublime Text 中调试Js的介绍

控制台

按级别分类,查看所有控制台消息。

Web Inspector:关于在 Sublime Text 中调试Js的介绍

交互性

点击 name:line 区域可以导航到文件以及代码所在行;点击 Object 可以插件对象的属性。

Web Inspector:关于在 Sublime Text 中调试Js的介绍

调试器

在断点上,你可以看到代码运行的堆栈以及所有的变量(局部、全局、闭包)。

Web Inspector:关于在 Sublime Text 中调试Js的介绍

运行选择的代码片段

类似于 Firebug 的添加监视功能。

Web Inspector:关于在 Sublime Text 中调试Js的介绍

Sublime Text 2 下载      Sublime Web Inspector

Javascript 相关文章推荐
javascript GUID生成器实现代码
Oct 31 Javascript
基于jquery.Jcrop的头像编辑器
Mar 01 Javascript
改变javascript函数内部this指针指向的三种方法
Apr 23 Javascript
通过javascript的匿名函数来分析几段简单有趣的代码
Jun 29 Javascript
循环 vs 递归浅谈
Feb 28 Javascript
Jquery动态替换div内容及动态展示的方法
Jan 23 Javascript
基于jquery二维码生成插件qrcode
Jan 07 Javascript
Node.js 8 中的重要新特性
Jun 28 Javascript
详细分析jsonp的原理和实现方式
Nov 20 Javascript
webpack引入eslint配置详解
Jan 22 Javascript
微信小程序页面缩放式侧滑效果的实现代码
Nov 15 Javascript
js实现双色球效果
Aug 02 Javascript
JS操作图片(增,删,改) 例子
Apr 17 #Javascript
JS定时器实例
Apr 17 #Javascript
JS中showModalDialog 的使用解析
Apr 17 #Javascript
js substr支持中文截取函数代码(中文是双字节)
Apr 17 #Javascript
中文字符串截取的js函数代码
Apr 17 #Javascript
解决IE6的PNG透明JS插件使用介绍
Apr 17 #Javascript
Web跨浏览器进程通信(Web跨域)
Apr 17 #Javascript
You might like
3
2006/10/09 PHP
用 php 编写的日历
2006/10/09 PHP
PHP 彩色文字实现代码
2009/06/29 PHP
php 将bmp图片转为jpg等其他任意格式的图片
2009/06/29 PHP
解析PHP跳出循环的方法以及continue、break、exit的区别介绍
2013/07/01 PHP
php实现邮件发送并带有附件
2014/01/24 PHP
php判断是否为json格式的方法
2014/03/04 PHP
php实现以只读方式打开文件的方法
2015/03/16 PHP
详谈PHP编码转换问题
2015/07/28 PHP
PHP实现将base64编码字符串转换成图片示例
2018/06/22 PHP
PHP的curl函数的用法总结
2019/02/14 PHP
JavaScript 原型链学习总结
2010/10/29 Javascript
菜鸟javascript基础资料整理3 正则
2010/12/06 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
2015/03/24 Javascript
javascript实现回到顶部特效
2015/05/06 Javascript
jQuery将表单序列化成一个Object对象的实例
2016/11/29 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
2017/01/08 Javascript
JS轮播图中缓动函数的封装
2020/11/25 Javascript
Webpack打包慢问题的完美解决方法
2017/03/16 Javascript
jquery dataTable 后台加载数据并分页实例代码
2017/06/07 jQuery
详解微信小程序 登录获取unionid
2017/06/27 Javascript
JS原生数据双向绑定实现代码
2017/08/14 Javascript
原生JavaScript来实现对dom元素class的操作方法(推荐)
2017/08/16 Javascript
mock.js模拟前后台交互
2019/07/25 Javascript
React中Ref 的使用方法详解
2020/04/28 Javascript
Python模块搜索概念介绍及模块安装方法介绍
2015/06/03 Python
Python装饰器原理与用法分析
2018/04/30 Python
Python中的十大图像处理工具(小结)
2019/06/10 Python
Python values()与itervalues()的用法详解
2019/11/27 Python
葡萄牙航空官方网站:TAP Air Portugal
2019/10/31 全球购物
什么是URL
2015/12/13 面试题
公司培训心得体会
2014/01/03 职场文书
纪律教育学习月活动总结
2014/08/27 职场文书
四风问题个人剖析材料
2014/10/07 职场文书
邹越演讲观后感
2015/06/15 职场文书
学校体育节班级口号
2015/12/25 职场文书