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

时间： 2024-11-10 00:33:21

Web Inspector：关于在 Sublime Text 中调试Js的介绍_基础知识的相关文章

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

在JavaScript中typeof的用途介绍_基础知识

JavaScript 中的 typeof 其实非常复杂,它可以用来做很多事情,但同时也有很多怪异的表现. 本文列举出了它的多个用法,而且还指出了存在的问题以及解决办法. 阅读本文的前提是,你现在应该已经知道原始值和对象值的区别了. 检查一个变量是否存在,是否有值typeof在两种情况下会返回 "undefined": 1.变量没有被声明 2.变量的值是 undefined 例如: 复制代码 代码如下: > typeof undeclaredVariable === "u

JS中Date日期函数中的参数使用介绍_基础知识

要创建一个一个日期对象,可以使用以下的方式: 复制代码 代码如下: var now=new Date() 当然,函数中没有传递任何参数,表示此对象now自动获取了当前的时间. 如果想要创建一个自定义时间的对象,则要对Date()进行参数的传递.而这个参数,必须是毫秒数(UTC时间1970年1月1日午夜起至自定义时间为止的毫秒数). 我们可以使用Date.parse()和Date.UTC()来获得自定义时间的毫秒数. Date.parse()接收一个表示日期的字符串参数,例如"May 25,201

js之WEB开发调试利器:Firebug 下载_基础知识

在米随随的Blog看到有关Firebug的介绍,遂下载试用了一下,确实是比较好的工具. 一.效果开发调试利器:Firebug 下载_基础知识-电工基础知识视频下载"> 二.主要功能 Inspect and edit HTML Tweak CSS to perfection Visualize CSS metrics Monitor network activity Debug and profile JavaScript Quickly find errors Explore the DO

javascript中var的重要性分析_基础知识

本文实例分析了javascript中var的重要性.分享给大家供大家参考.具体分析如下: javascript 的 var 作用是声明变量. 一般情况下不写都不会出错,但有些情况如果不写,会有不同的结果.先看下面的示例: <div id="a"></div> <script type="text/javascript"> a = 1; alert(a); </script> 上面这个例子在FF Chrome执行不会有问

详解JavaScript中shift()方法的使用_基础知识

JavaScript数组shift()方法删除数组中的第一个元素,并返回该元素.语法 array.shift(); 下面是参数的详细信息:     NA 返回值: 返回数组中删除单个值.例子: <html> <head> <title>JavaScript Array shift Method</title> </head> <body> <script type="text/javascript">

简介JavaScript中charAt()方法的使用_基础知识

 这个方法返回从指定索引的字符. 字符串中的字符进行索引从左向右.第一个字符的索引是0,并且在一个叫 stringName字符串的最后一个字符的索引是stringName.length- 1.语法 string.charAt(index); 下面是参数的详细信息:     index: 介于0和1比串的长度以下的整数. 返回值: 返回从指定索引的字符.例子: <html> <head> <title>JavaScript String charAt() Method&l

JavaScript中的函数嵌套使用_基础知识

 在JavaScript1.2之前,函数定义是只允许在顶层全局代码,但1.2的JavaScript可以嵌套函数定义其他函数中也是可以的. 仍然存在的函数定义可以循环或条件之内不会出现限制.在函数定义这些限制只适用于函数声明与函数语句. 函数文本(在JavaScript1.2引入的另一个功能)可能出现在任何JavaScript表达式,这意味着它们可以出现在if else语句内. 示例: 下面就是我们两个嵌套函数的例子.这可能会有点混乱,但它的工作原理完全正常: <script type="t

在javascript中对于DOM的加强_基础知识

一.DOM DOM: DOM= Document Object Model,文档对象模型,DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构.换句话说,这是表示和处理一个HTML或XML文档的常用方法.有一点很重要,DOM的设计是以对象管理组织(OMG)的规约为基础的,因此可以用于任何编程语言.D:文档 – html 文档 或 xml 文档O:对象 – document 对象的属性和方法M:模型DOM 是针对xml(html)的基于树的API.DOM树:节点(node)的层次.