详细介绍提高效率的JavaScript的7个调试工具现在的JavaScript事实上已然成为了流行的web语言，即使它并不完美。很多程序员不喜欢用JavaScript写代码，是因为写到后来总会出现各种莫名其妙的bug，而且在开发大型应用程序的过程中很容易犯错。而且鉴于当今此类工具的现状，要想在浏览器上做JavaScript调试也不是那么方便。下面这几个基于桌面和WEB的JavaScript调试工具，能让你更高效地调试JavaScript代码，这样就可以：更有效地处理...
前言：调试技巧，在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧，必定能在工作中起到事半功倍的效果。譬如，快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天，如何在前端开发中降低开发成本，提升工作效率，掌握前端开发调试技巧尤为重要。本文将一一讲解各种前端JS调试技巧，也许你已经熟练掌握，那让我们一起来温习，也许有你没见过的方法，不妨一起来学习，也许你尚不...
‘debugger;’除了console.log，debugger就是另一个我很喜欢的快速调试的工具，将debugger加入代码之后，Chrome会自动在插入它的地方停止，很像C或者Java里面打断点。你也可以在一些条件控制中插入该调试语句，譬如：if (thisThing) {debugger; }将Objects以表格形式展示有时候我们需要看一些复杂的对象的详细信息，最简单的方法就是用console.log然后展示成一个列表状，上下滚动进行浏览。不过似乎用console.table展示成列表会更好...
一、显示信息的命令<!DOCTYPE html> <html> <head><title>常用console命令</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body><script type="text/javascript">console.log(hello); console.info(信息); console.error(错误); console.warn(警告); </script> </body> </html>最常用的就是console.log了。二、占位符console上述的集中度支持printf的占位符格式，支持的占位符有：字符...
像JSP、ASP.NET、ColdFusion这样的Web开发平台提供了大量强大服务器端开发选项。但是，它们并没有否定用JavaScript进行客户端的Web开发。JavaScript同时提供了逻辑和用户接口功能，减轻了服务器端处理的负载。尽管我们已经使用它有多年了，但是它的开发工具还是有点落后。现在就让我们仔细看看JavaScript的开发和调试选项。开发工具如果你习惯使用诸如Visual Studio或者NetBeans这样的集成开发环境（IDE），那么你就一定很熟悉各种...
关于JavaSctipt的兼容性，最懒的办法就是用jQuery的工具函数。尽量不要用那些什么ECMAScript之类的函数，因为很多浏览器都会报找不到函数的错误。下面列出一些在开发过程中碰到过的javascript问题。1、参数列表多个逗号。 $.ajax({})方法，非常熟悉了吧，但是在IE中有个小地方要注意，如果你在拼接参数列表的时候最后一个也加了逗号，那么毫无疑问，IE下全部JS失效。 调试时报如下错误： 缺少标识符、字符串或数字data: ...
每次用alert输出信息，信息量小，调试不方便，有这样一个方法，能更好的写js代码，因为用Jquery较多，所以只写了Jquery的调试方法，还可以依据自己的喜好，在调试信息前加时间/*** 打印JavaScript调试信息，定位使用绝对定位，每次打印的信息空一行*/function plInfo(obj){ if($("#show").length==0) $("body").append("<div id=\"show\" style=\"position:fixed;left0px;top:0px;width:500px;line-height:14px;font-size:12px;co...
对textarea框的代码调试，而且功能上使用非常方便，酷代码说明
/****************************************************************************** Crossday Discuz! Board - Common Modules for Discuz! Modified by: Crossday Studio (http://crossday.com) Based upon: http://www.cnzzz.com *******************************************************************************/ var sPop = null; var postSubmited = false; function ctlent(obj) { if (navigator.userAgent.indexOf(...
1.出错情况：语法错误 输出结果。 解释：this.m = val = 'never-online'这一句是赋值，其中的this.m中的this指向的是当前对象a()； 而div.onmouseover里的this指的对象是document.getElementById("div1")这个对象，（因为div并不属于a对象）即相当于把代码写在这里： div container - onmouseover handle 因此在div.onmouseover的function里this.m出现undefined并不奇怪。
论坛上有人问javascript Debug的工具，在这里就推荐两个javascript的调试工具给大家，今后我也会说一下调试的方法。IE下推荐的调试工具就是VS studio了，这个的下载地址我就不给出了，相信大家都应该有。基本的调试方法我也说过了的相关链接：用Vs studio调试脚本。http://blog.csdn.net/bluedestiny/archive/2006/05/15/739893.aspxMozilla下推荐Venkman javascript Debugger。下载地址https://www.mozilla.org/projects/venkman/...
在米随随的Blog看到有关Firebug的介绍，遂下载试用了一下，确实是比较好的工具。 一、效果 二、主要功能 Inspect and edit HTML Tweak CSS to perfection Visualize CSS metrics Monitor network activity Debug and profile JavaScript Quickly find errors Explore the DOM Execute JavaScript on the fly Logging for JavaScript 对于WEB开发人员来说，可以非常方便的得到自己想要的信息：HTML、DOM、CSS、JS，甚至各个...
不小心使用Shift + Left Click去点击了一个链接目标(href)是脚本的超链接，结果却把是否调试脚本的对话框弄了出来。点击yes居然可以打开调试这一句脚本，可是这句脚本是哪里来的呢？ 回头看看被新打开的那个IE，结果地址栏里就写着：javascript:open(url)呢。原来IE的地址栏可以使用"JavaScript:"这个声明来执行脚本也，在试试JavaScript:alert('ok')，果然ok! 好玩的特性，再写点复杂的脚本：javascript: var s=''...
上次我写过一篇文章，讨论"JavaScript类定义原型方法的两种实现的区别"。研究后发现除了方法的初始化方式不同外，没有发现别的原则上的却别，也就是说用哪种方式都一样。可是后来发现在VS.NET中给原型方法设置断点来调试时，两种定义方式却出现了很大的差别。 先看如下代码示例： 1 ToolBar.prototype.Dispose = function() 2 { 3 var elmt = this.GetElement(); *** 4 elmt.onselectstart = ''; 5 elmt.onco...
随着用JavaScript编程的深入，你会开始理解那些JavaScript给出的不透明错误信息。一旦你理解了你常犯的一般性错误，你就会很快知道怎样避免它们，这样你写的代码中的错误将越来越少。编程实际上是一种能随着时间不断飞快进步的技术。但是不管变得多么熟练，你仍然要花一些时间调试你的代码。如果你做过家庭作业，或有过JacaScript编程经验，你会知道相当多的时间是花在调试上。这很正常 - 这只是编程者必须做的事之一。实际上，按照...