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』限制Input只能输入数字实现思路及代码
Apr 22 Javascript
Jquery easyui 下loaing效果示例代码
Aug 12 Javascript
邮箱下拉自动填充选择示例代码附图
Apr 03 Javascript
基于javascript实现句子翻牌网页版小游戏
Mar 23 Javascript
ES6新特性之函数的扩展实例详解
Apr 01 Javascript
Vue EventBus自定义组件事件传递
Jun 25 Javascript
Vue头像处理方案小结
Jul 26 Javascript
AngularJS修改model值时,显示内容不变的实例
Sep 13 Javascript
JS判断两个数组或对象是否相同的方法示例
Feb 28 Javascript
详解element-ui级联菜单(城市三级联动菜单)和回显问题
Oct 02 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
Apr 30 Javascript
javascript代码简写的几种常用方式汇总
Aug 23 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
基于文本的搜索
2006/10/09 PHP
Laravel 5.0 发布 新版本特性详解
2015/02/10 PHP
php返回当前日期或者指定日期是周几
2015/05/21 PHP
PHP程序员不应该忽略的3点
2015/10/09 PHP
PHP批量去除BOM头内容信息代码
2016/03/11 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
Django中的cookie与session操作实例代码
2017/08/17 PHP
php关联数组与索引数组及其显示方法
2018/03/12 PHP
PHP7新功能总结
2019/04/14 PHP
jQuery源码分析之Event事件分析
2010/06/07 Javascript
jQuery图片的展开和收缩实现代码
2013/04/16 Javascript
详解JavaScript对象和数组
2015/12/03 Javascript
js简单遍历获取对象中的属性值的方法示例
2019/06/19 Javascript
JavaScript实现滑动门效果
2020/01/18 Javascript
[02:18]DOTA2英雄基础教程 育母蜘蛛
2014/01/20 DOTA
分享一下Python 开发者节省时间的10个方法
2015/10/02 Python
Python3实战之爬虫抓取网易云音乐的热门评论
2017/10/09 Python
python 将大文件切分为多个小文件的实例
2019/01/14 Python
django与vue的完美结合_实现前后端的分离开发之后在整合的方法
2019/08/12 Python
Python爬取腾讯视频评论的思路详解
2019/12/19 Python
在python shell中运行python文件的实现
2019/12/21 Python
Restful_framework视图组件代码实例解析
2020/11/17 Python
应届生会计求职信
2013/11/11 职场文书
学校门卫管理制度
2014/01/30 职场文书
物理研修随笔感言
2014/02/14 职场文书
查摆问题对照检查材料
2014/08/28 职场文书
先进党员事迹材料
2014/12/24 职场文书
学校三八妇女节活动总结
2015/02/06 职场文书
学校勤俭节约倡议书
2015/04/29 职场文书
大学生读书笔记范文
2015/07/01 职场文书
元素水平垂直居中的方式
2021/03/31 HTML / CSS
pytorch model.cuda()花费时间很长的解决
2021/06/01 Python
详解解Django 多对多表关系的三种创建方式
2021/08/23 Python
MySQL 数据库范式化设计理论
2022/04/22 MySQL
Mysql 一主多从的部署
2022/05/20 MySQL
Python自动化实战之接口请求的实现
2022/05/30 Python