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 动态生成方法的例子
Jul 22 Javascript
JavaScript 的方法重载效果
Aug 07 Javascript
Javascript load Page,load css,load js实现代码
Mar 31 Javascript
Javascript验证上传图片大小[前台处理]
Jul 18 Javascript
JS+CSS实现闪烁字体效果代码
Apr 05 Javascript
Bootstrap Table使用方法详解
Aug 01 Javascript
利用JavaScript判断浏览器类型及版本
Aug 23 Javascript
JavaScript比较同一天的时间大小实例代码
Feb 09 Javascript
React Native 图片查看组件的方法
Mar 01 Javascript
Vue点击切换颜色的方法
Sep 13 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
Oct 12 Javascript
js实现弹框效果
Mar 24 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
PHP zlib扩展实现页面GZIP压缩输出
2010/06/17 PHP
基于curl数据采集之单页面并行采集函数get_htmls的使用
2013/04/28 PHP
Laravel 5框架学习之Laravel入门和新建项目
2015/04/07 PHP
PHP发送短信代码分享
2015/08/11 PHP
ThinkPHP中create()方法自动验证实例
2017/04/26 PHP
PHP实现Session入库/存入redis的方法
2017/05/04 PHP
基于Web标准的UI组件 — 树状菜单(2)
2006/09/18 Javascript
javascript类继承机制的原理分析
2009/09/12 Javascript
jQuery Ajax 实例全解析
2011/04/20 Javascript
JavaScript实现查找字符串中第一个不重复的字符
2014/12/29 Javascript
jQuery+HTML5实现手机摇一摇换衣特效
2015/06/05 Javascript
jQuery实现的可编辑表格完整实例
2016/06/20 Javascript
使用JS读取XML文件的方法
2016/11/25 Javascript
js实现适合新闻类图片的轮播效果
2017/02/05 Javascript
微信小程序 图片绝对定位(背景图片)
2017/04/05 Javascript
Vue.js如何优雅的进行form validation
2017/04/07 Javascript
原生JS实现移动端web轮播图详解(结合Tween算法造轮子)
2017/09/10 Javascript
关于axios如何全局注册浅析
2018/01/14 Javascript
JavaScript实现字符串与HTML格式相互转换
2020/03/17 Javascript
Antd中单个DatePicker限定时间输入范围操作
2020/10/29 Javascript
[07:57]2018DOTA2国际邀请赛寻真——PSG.LGD凤凰浴火
2018/08/12 DOTA
Python实现简单状态框架的方法
2015/03/19 Python
python opencv鼠标事件实现画框圈定目标获取坐标信息
2020/04/18 Python
python pymysql链接数据库查询结果转为Dataframe实例
2020/06/05 Python
Python如何执行系统命令
2020/09/23 Python
CSS3中动画属性transform、transition和animation属性的区别
2016/09/25 HTML / CSS
Html5 new XMLHttpRequest()监听附件上传进度
2021/01/14 HTML / CSS
个人求职信范文分享
2014/01/06 职场文书
小学综合实践活动总结
2014/07/07 职场文书
群众路线教育实践活动调研报告
2014/11/03 职场文书
单位考核鉴定意见
2015/06/05 职场文书
小学语文国培研修日志
2015/11/13 职场文书
Mysql关于数据库是否应该使用外键约束详解说明
2021/10/24 MySQL
SpringBoot中HttpSessionListener的简单使用方式
2022/03/17 Java/Android
Selenium浏览器自动化如何上传文件
2022/04/06 Python
Android中View.post和Handler.post的关系
2022/06/05 Java/Android