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

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

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

  Sublime Web Inspector 主要特色如下:
断点

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

控制台

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

交互性

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

调试器

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

运行选择的代码片段

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

Sublime Text 2 下载      Sublime Web Inspector

(0)

相关推荐

  • win7 下搭建sublime的python开发环境的配置方法

    Step1:安装python和sublime Step2:给sublime安装package control,安装参见: 官网 Step3:配置安装路径 方式一:配置windows的Path 好处就是cmd的时候也可以运行,视为系统,用户级别的配置: 方式二:配置sublime的python的sublime_build 点击:Preference -> Browse Packages -> 在python目录下,编辑Python.sublime-build文件,添加python应用程序的路径:

  • JavaScript开发者必备的10个Sublime Text插件

    Sublime Text几乎是任何开发者在其工具箱的必备应用程序.Sublime Text是一款跨平台的,高度可定制的,高级的文本编辑器,既适合全功能的IDE(出了名的资源匮乏),又可匹配命令行编辑器,例如Vim和Emacs(具有陡峭的学习曲线). Sublime Text如此受欢迎的其中一个原因就是它的可扩展插件架构.这使得开发人员可以轻松使用新功能,例如代码完成,或远程API文档嵌入,来扩展Sublime的核心功能.Sublime Text的插件并不是开箱即用的--通常需要通过一个叫Pack

  • Windows系统下使用Sublime搭建nodejs环境

    1.下载nodejs,并安装ok后,配置好环境变量. 2.下载sublime text3 3.在package install 包中新增node插件(或者直接去SublimeText-Nodejs插件(https://github.com/tanepiper/SublimeText-Nodejs)下载,下载之后, 在D:\Program Files\SublimeText3\Data\Packages下新建文件夹为Nodejs文件名不要搞错,然后把git上下载的文件都扔进去) 下载后是Subli

  • 教你如何将 Sublime 3 打造成 Python/Django IDE开发利器

    1. 安装 Sublime Text 3 虽然现在的 Sublime 3 还处于 beta 阶段, 但已经非常稳定了, 而且速度比 Sublime 2 得到了增强. Sublime 3 可以到官网下载并安装. Sublime 虽然是免费软件, 但如果有足够的经济能力, 可以考虑购买以表示支持. 2. 安装 Package Control Sublime Package Control 可以说是必须安装的插件, 因为其方便的提供了安装/升级/删除 Sublime 插件的功能, 安装方法见Packa

  • Nodejs sublime text 3安装与配置

    1) 下载sublime并安装,下载列表:http://www.jb51.net/softs/132432.html 2) 下载sublime的nodejs插件,需是集成Nodejs插件到sublime中,下载地址:https://github.com/tanepiper/SublimeText-Nodejs 3)   解压zip文件, 并重命名文件夹"Nodejs" 4)   打开sublime,操作"preference" --> "Browse

  • SublimeText编译C开发环境设置

    使用工具Sublime Text 2MinGW 1.配置环境变量 下载和安装Sublime Text 2和MinGW之后,需要将MinGW安装目录下的Bin目录所在路径添加到环境变量Path中.如图: 2.通过Sublime Text调用C编译器 在Sublime Text中已经默认添加了对C/C++编译器的配置(默认使用g++编译),通过键入Ctrl+B来调用.编译结果会输入到ST的输出栏中,如图: 3.直接将控制台输出结果显示在Sublime Text 2中 如果不想每次编译文件后,还需要切

  • SublimeText 2编译python出错的解决方法(The system cannot find the file specified)

    [Error 2] The system cannot find the file specified 解决方法:1.环境变量path添加:C:\Python32\Tools\Scripts;D:\Python32;D:\Program Files\Sublime Text2;2.Python.sublime-build内容修改原内容: 复制代码 代码如下: {     "cmd": ["python", "-u", "$file&qu

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

    Sublime Text 是一款非常优秀的跨平台编辑器,拥有漂亮的用户界面和强大的功能,例如代码缩略图,多重选择,快捷命令等.还可自定义键绑定,菜单和工具栏.Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API ,Goto 功能,即时项目切换,多选择,多窗口等等. 另外,Sublime Text 插件众多,通过包管理工具可以方便安装和管理.本文介绍的 Sublime Web Inspector 便是众多插件中一款非常出色的开发辅助插件,可以帮助 Web 开发人员

  • sublime text配置node.js调试(图文教程)

    1. 首先到 nodejs.org 下载 Node.js 安装包并安装. 2. 打开 Sublime Text 2 编辑器.选择菜单 Tools --> Build System --> new Build System... 3. 将文件保存为 JavaScript.sublime-build 4. 文件内容为: { "cmd": ["node", "$file"], "file_regex": "^[

  • IE、FF、Chrome浏览器中的JS差异介绍

    因为浏览器公司各自为利益考虑,到目前为止各浏览器的HTML标准或是JS标准都还未统一.在平常的开发中,我们常使用的JS框架基本已经帮我们处理好了JS在各浏览器中的差异,但作为一个开发人员,还是有需要了解JS在浏览器中的差异. FF.Chrome:没有window.event对象 FF.Chrome:没有window.event对象,只有event对象,IE里只支持window.event,而其他主流浏览器两者都支持,所以一般写成:function handle(e){e = e || event

  • 详述 Sublime Text 打开 GBK 格式中文乱码的解决方法

    Sublime Text 是一个代码编辑器,其具有漂亮的用户界面和强大的功能,例如代码缩略图,Python 的插件,代码段等.还可自定义键绑定,菜单和工具栏.Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等.Sublime Text 也是一个跨平台的编辑器,同时支持 Windows.Linux.Mac OS X 等操作系统. 但是由于 Sublime Text 默认的编码格式为 UTF-8,因此这就造成了

  • 将Sublime Text 3 添加到右键中的简单方法

    网上一般有两种方法解决这个问题,个人觉得第二种对小白来讲更通俗一些,提倡自己动手配置下注册表,记录下来以免以后忘记^_^ 以下方法为转载: 1.win+R打开cmd窗口,输入regedit,打开注册表 2.依次找到HKEY_CLASSESS_ROOT->*->Shell,下面新建项,命名为Sublime Text 3 3.在项"Sublime Text 3"下新建字符串值,命名为Icon,值为 C:\Program Files\Sublime Text 3\sublime_

  • 安装Sublime Text支持Go插件的方法步骤

    1.安装GO 进入GO的国内网站,下载安装 https://golang.google.cn/ 2.环境变更配置 重要的是GOROOT 和 GOPATH, 一般安装在C:\GO目录下, 会自动配置GOROOT目录 , 以及在PATH上加入C:\GO\bin 3.在命令中进行测试 go env 查看环境变更 其中GOPATH会在 go install中用到,GO语言会 GOPATH目录下建立bin.pkg目录 ,来存在编译好的二进制文件及包文件 4.安装sublimeText3 此工具以快捷.可扩

  • sublime text 3配置使用python操作方法

    1. 在sublime text的官网下载,是适合自己系统的版本.官网地址:https://www.sublimetext.com/3 2.安装好后,在菜单栏打开:Preferences--->Settings(这是写这个的时候,当前最新版的) 3.打开后我们会看到这样两个文件,一个Preferences.sublime-settings--Default和Preferences.sublime-settings--User 那么这个User的文件就是我们要编辑的了 4.在文件的大括号中写入这么

  • Sublime Text 3常用插件及安装方法

    相关教程:sublime text 3 快捷键大全以及配置编译环境. 安装Sublime Text 3插件的方法: 朋友们,小站活着不容易,全靠广告费养着了,如果本文对你有帮助.麻烦动下手点下页面的广告吧,谢谢! 直接安装 安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages). 使用Package Control组件安装 也可以安装package control组件,然后直接在线安装: 1.按Ctrl+

  • 浅谈Sublime Text 3运行JavaScript控制台

    Node.js是一个基于Chrome JavaScript运行时建立的平台,小巧方便搭建.运行的端口可以在浏览器上运行,显示效果,但每次用浏览器也挺麻烦,我们这里讲的是在sublime text2中配置,是的js在sublimetext2中运行,再也不用切换到浏览器了. 1.首先安装node.js,直接去官网下载,然后安装,点击下一步就好了,如果需要更改安装路径,选择好安装路径即可.安装完以后,运行  node -v 如果显示出版本号,则说明安装成功. 2.这时候,我们还是不可以运行js文件的,

随机推荐