在JXA代码中加入如下代码后，可使用 Safari Web Inspector 调试：//debugger;使用 Safari Web Inspector 查看 Array 或 Object 并不比交互命令行清晰。可以使用以下命令进行交互调试：osascript -l JavaScript -iJavaScript for OS X Automation 控制 Mac OS UIElements 自动化操作时，没有可视化的控件树，寻找控件不一定方便，可使用如下命令即可得到控件树数组，此时建议复制粘贴到文本编辑器中查看。UIElements 的属性方法可以...
之前JSB调试的方式，很多公司都是用Html5来做的，或者直接打log。这几者的优劣性，我们在第17篇中分析过。3.15大会放出了Cocos的官方IDE——CocosCode。这个IDE使用eclipse定制，使用了V8的调试插件，可以用来调试JSB。CocosCode（Mac版）下载地址：http://cocostudio.download.appget.cn/cocos-code-ide/1.0-alpha/cocos-code-mac64-1.0.0-alpha.zip支持IDE的修改版Cocos2d JS 3.0 alpha引擎http://cocostudio.download.appget.cn...
说了一些 Chrome 开发者工具的技巧，其实并没有涉及到开发者工具最核心的功能之一：断点调试。断点可以让程序运行到某一行的时候，把程序的整个运行状态进行冻结。你可以清晰地看到到这一行的所有的作用域变量、函数参数、函数调用堆栈。你可以看到数据是怎么在程序当中流动的，你还可以修改、把玩它们。断点调试让你真正了解一个程序的运作流程。听听亚洲舞王，著名 Web 前端工程师尼古拉斯·赵四是怎么说的：“断点调试是检验一个...
Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===================================Firebug控制台详解控制台（Console）是Firebug的第一个面板，也是最重要的面板，主要作用是显示网页加载过程中产生各类信息。一、显示信息的命令Firebug内置一个console对象，提供5种方法，用来显示信息。最简单的方法是conso...
页面调试常用的调试方法开发时候的调试基本是在chrome的控制台Emulation完成现有的一些手机端调试方案：Remote debugging with Opera Dragonfly 需要wifi网络，下载最新的桌面版的opera,下载手机端的opera,通过桌面版的opera进行远程调试。Using Firebug on mobile Firebug lite可以用在任何能运行js的浏览器上， 在页面中引入firebug-lite.js即可https://getfirebug.com/firebug-lite.jsRemote Javascript debugging with JS cons...
Node调试之道-----JSHint Node的优势我就不再乱吹捧了，它让javascript统一web的前后台成为了可能。但是对于新手来说，server端的JS代码可能不像client端的代码那么好调试，直观。client端JS代码的调试基本上经历了一个从“肉眼--alert()--firebug(或者其它的developer tools)”的一个过程。而对于server端的调试，可能新手仍然停留在使用“肉眼--console()”的阶段。其实，Node经过了这么多年（虽然才短短几年）的发展，也有了...
Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===================================Firebug控制台详解作者：阮一峰出处：http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html控制台（Console）是Firebug的第一个面板，也是最重要的面板，主要作用是显示网页加载过程中产生各类信息。一、显...
怎样打开Chrome的开发者工具？ 你可以直接在页面上点击右键，然后选择审查元素： 或者在Chrome的工具中找到： 或者，你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。 打开的开发者工具就长下面的样子： 不过我一般习惯与点左下角的那个按钮，将开发者工具弹出作为一个独立的窗口： 下面来分别说下每个Tab的作用。Elements标签页 这个就是查看、编辑页面上的元素，包括HTML和CSS： 左侧就...
今天，发现了一个之前从未注意的角落，相信能够大大提高自己写JS的速度。能够迅速发现错误。 例如，今天的加班中调试一个js错误发现的一个例子。 1、Google浏览器报的错 以上是google浏览器报的错误，只报一个错误文件，相信是什么地方由null调用了length属性导致的。由于这是一个已经维护了几年的系统，人来人往，不知道经历了几个人之手。而且业务逻辑极其复杂，js文件都上千行。要一个length一个length的排除，显然是不...
在学习nodejs中，碰到一个程序员都会遇到的问题，就是，我想debug我的代码，我想关注我的代码。node它自己就提供了这个方法，很给力的。记录下用法，供以后使用。官网上说的是：650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111113850920.jpg" title="QQ截图20151202211821.png" />这里解释的就足够了，当程序走到debugger这行就会停住。看看我自己的例子：我的node项目名入口是app.js，然后我启动node的...
经常遇到的两种情况是：1.很多别人写的项目，出现了问题以后，自己解决不了，找我们解决。2.仿站，是扒下来的代码，扒完以后，没法正常运行。这时候，就是考验功力和耐心的时候了。 如何排查，有四点要说：一：注释JS最好的方法，永远的第一个想法，就是注释掉JS。注释掉一些js文件，再运行，一个个排查，最终能定位到冲突位置。二：通过元素，找到控制它的JS文件这也很重要比如，下图，我选择了所示的元素，找到右边的Styles，再找...
之前写了使用js输入长文件的文章，有同事在使用时，发现竟然无法输入，也不知道是什么原因，且用的还是id方式。在参考网文后，才发现是js写的有问题，现总结一下javascript调试，在firefox中就自带有。打开如下：-------->勾选后，按f12就可以出来我们在控制台中输入脚本，发现id定位并不是我们要定位的框只有转变方式，用classname来定位，结果是我们想要的，输入文本试试输入成功 原文：http://www.cnblogs.com/landhu/p/6668138...
前言
大家都知道在node程序开发中时，经常需要打印调试日志。用的比较多的是debug模块，比如express框架中就用到了。下文简单举几个例子进行说明。文中相关代码示例，可在这里找到。
备注：node在0.11.3版本也加入了util.debuglog()用于打印调试日志，使用方法跟debug模块大同小异。基础例子
首先，安装debug模块。
npm install debug使用很简单，运行node程序时，加上DEBUG=app环境变量即可。
/*** debug基础例子*/
var debug = r...
我想：
>将调试日志语句插入到我希望能够在开发期间打开和关闭的代码中;和>然后将这些陈述完全剥离出来.
要完成剥离日志以进行生产,我已经看到React项目本身使用了这个习惯用法：if ("production" !== process.env.NODE_ENV) {// warn or log or whatever
}通过将process.env.NODE_ENV设置为“production”来编译模块,然后通过像UglifyJS这样的死代码消除器运行bundle,日志将被删除为无法访问.
这很好,但有更灵活的解决方案吗？我在...
这篇文章主要介绍了浏览器调试动态js脚本的方法，文中给大家带来两种调试方法，非常不错，具有参考借鉴价值,需要的朋友可以参考下前两天拉取公司前端代码修改，发现在开发者工具的sources选项里边，居然没有列出来我要调试的js脚本，后来观察了一下，脚本是动态在页面里引入的，可能是因为这样所以不显示出来，但是如果不能断点调试，只靠打印日志真要把人累死了，效率太低，网络搜索试验了一下，有两种方式可以解决：1、在脚本里边...
