不用alert,用console.log()代码如下: <!DOCTYPE html> <html> <head> <script type="text/javascript"> function showLog(message){ console.log(message); } function test(name){ showLog(name); } test("hello"); </script> </head> <body> </body> </html>以上算是一个个人心得，这里分享给大家，小伙伴们试试看。
谷歌浏览器不仅仅可以用来上网，对于开发人员来说，它更像是一款强大的开发辅助工具。 工欲善其事必先利其器，接下来笔者给大家分享一些Chrome的使用方法。 假如读者了解如何在Chrome中添加JavaScript断点，那请继续阅读；否则，自行脑补。 假如有这样一段代码：代码如下: var a = 1; function test(){ var a, b, c, d, e; a = 2; b = a - 1; b = 9; c = 3; d = 4; e = (a + b * c) * (a - d); re...
现在的JavaScript事实上已然成为了流行的web语言，即使它并不完美。很多程序员不喜欢用JavaScript写代码，是因为写到后来总会出现各种莫名其妙的bug，而且在开发大型应用程序的过程中很容易犯错。而且鉴于当今此类工具的现状，要想在浏览器上做JavaScript调试也不是那么方便。下面这几个基于桌面和WEB的JavaScript调试工具，能让你更高效地调试JavaScript代码，这样就可以： 更有效地处理动态类型使应用程序更符合编码标准 Fir...
你是怎么调试 JavaScript 程序的？最原始的方法是用 alert() 在页面上打印内容，稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。嗯~，用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题。不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了。本文主要介绍其中的 JavaScript断点设置和调试功能，也就是其中的 Sources Panel（以前叫 Scripts）。如果你精通 Eclipse 中的各种 Java 调试...
一、显示信息的命令代码如下: <!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的占位符格式，支持的...
用CONSOLE.LOG()展示数组 想象下你构造了如下数组 var languages = [ { name: "JavaScript", fileExtension: ".js" }, { name: "TypeScript", fileExtension: ".ts" }, { name: "CoffeeScript", fileExtension: ".coffee" } ]; console.log(languages); console.log() 会这样展示数组这样的展示形式对于开发很有用，但是我发现这样还要手动去点每个Object有些笨重。这时候我觉得console.table()有点意思。 用CONSOLE.TABLE()展示数...
我之前在调试代码的时候,跟砸js代码执行情况,一般都是通过在代码块中使用alert的方式查看js代码的执行情况,今天也是看到有朋友使用console.log函数打印输出函数,变量,对象,下边就console.log的使用情况进行记录,具体的语法是: console.log("值为:",fn);console.log()能够输出变量,函数,数组,对象等等 <html> <head> <title>this关键字_函数调用</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"><...
写在最开头：其实我以前就在考虑要不要写这个东西，因为这个东西确实不难，但是为什么会有这么多人问，他们问的不是怎么用控制台，而是不知道控制台能干嘛，他们也知道有 console.log 之类的东西，但他们不知道为什么要用这么长的字符串代替 alert 输出信息。在他们眼里 alert 足以。好吧，我承认小小的吐槽了下，不过这个系列我只打算介绍下调试的基本知识，不会涉及太深，因为深入的东西结合js知识，如果你js没到一个境界，我就算...
先打开百度，然后按 F12 打开后，如果不是 Console 项的就点击 Console 这项，因为我们要在控制台操作。。 看到如下内容：好了我们先清空内容，可以右击选 Clear console 菜单，或者输入 clear() 都行。 接着，我们输入 document.getElementById(kw1); 然后回车，就可以看到 id 为 kw1 的元素信息了。是不是很简单。下一步是用 console.dir 查看该元素信息。 输入 console.dir(document.getElementById(kw1)); 然后回车，出来一个奇...
我们先来处理第一个问题：1. 查看文章下方 推荐 这个功能所调用的函数源码 其实非常简单，点放大镜选中那个推荐即可。这个 votePost(cb_entryId,Digg) 就是推荐按钮所调用的函数了，是不是非常简单。 第二个问题，定位到函数所在文件位置。 其实也是非常简单的，当然，不熟悉控制台的朋友也许不知道怎么看。 我在控制台输入 votePost 然后回车，函数源码粗显啦，并且在右下角有个链接 blog-common.js?v=WE8o1xrgcTu07QVvwYqERqD7...
上几篇文章已经为大家介绍了js调试系列的一些基础知识，这次乱码兄弟为大家带来了js断点与动态调试方法，需要的朋友可以参考下 昨天留的课后练习 1. 分析 votePost 函数是如何实现 推荐 的。 其实我们已经看到了源码，只要读下源码即可知道他是怎么实现的了。function votePost(n, t, i) { i || (i = !1); var r = { blogApp: currentBlogApp, postId: n, voteType: t, isAbandoned: i }; $("#digg_tips").css("color", "red").htm...
现在我们介绍一种在Node下检查简单错误的JS代码验证工具JSHint。JSHint的具体介绍参考http://www.jshint.com/about/，说直白点儿，JSHint就是一个检查JS代码规范与否的工具，它可以用来检查任何（包括server端和client端）地方的JS代码的规范性。它提供了配置的方法，从而让开发者自己来定义检查哪些规范上的错误。这就给开发者带来了很大的便利性，因为在开发过程中，尤其是在团队开发过程中会经常遇到各种各样因不符合规范而带来...
有的同学会说，可以使用源代码搜索的办法。的确，对于一个相对简单的页面，这个方法时常奏效。但是，对于构成相对复杂的页面(比如页面嵌入很多脚本文件和片段、使用了大段面向对象的实现、隐藏了实现的代码)，可能找起来就不那么顺利了。 在Javascript调试中，我们经常会使用到断点调试。其实，在DOM结构的调试中，我们也可以使用断点方法，这就是DOM Breakpoint（DOM断点）。 具体的使用方法： 1. 在Chrome浏览器中，打开开发者工...
一、什么是console.log()？除了一些很老版本的浏览器，现今大多数浏览器都自带调试功能；即使没有调试功能，也可以通过安装插件来进行补充。比如，老版本的Firefox没有自带调试工具，在这种情况下可以通过安装Firebug插件来添加调试功能。在具备调试功能的浏览器上，window对象中会注册一个名为console的成员变量，指代调试工具中的控制台。通过调用该console对象的log()函数，可以在控制台中打印信息。比如，以下代码将在控制台中...
反正只要 JavaScript 出错后刷新不复现，那用户就可以通过刷新解决问题，浏览器不会崩溃，当没有发生过好了。这种假设在 Single Page App 流行之前还是成立的。现在的 Single Page App 运行一段时间后状态复杂无比，用户可能进行了若干输入操作才来到这里的，说刷新就刷新啊？之前的操作岂不要完全重做？所以我们还是有必要捕获和分析这些异常信息的，然后我们就可以修改代码避免影响用户体验。捕获异常的方式 我们自己写的 throw ...