不小心使用Shift + Left Click去点击了一个链接目标(href)是脚本的超链接,结果却把是否调试脚本的对话框弄了出来。点击yes居然可以打开调试这一句脚本,可是这句脚本是哪里来的呢? 回头看看被新打开的那个IE,结果地址栏里就写着:javascript:open(url)呢。原来IE的地址栏可以使用"JavaScript:"这个声明来执行脚本也,在试试JavaScript:alert('ok'),果然ok! 好玩的特性,再写点复杂的脚本:javascript: var s=''...
了解你的工具可以在完成任务的过程中发挥重大作用。尽管传言 JavaScript 难以调试,但是如果你掌握了一些调试技巧,那么你将会花费更少的时间来解决这些错误。我们已经列出了14个你可能不知道的调试技巧,但可能要记住,这样下次你需要调试 JavaScript 代码时就可以马上使用了!现在就马上开始。1. ‘debugger;’除了 console.log , debugger; 是我们最喜欢、快速且肮脏的调试工具。一旦执行到这行代码,Chrome 会在执行时自动停止...
前提 Node.js 6.3+, 这个可上Node.js官网自行下载;Chrome 55+. 如果您本地的chrome升级到最新版后还是<55, 可以从此处下载:Chrome Canary,亲测可行。配置 就目前来说,在浏览器端并行调试JavaScript与Node.js还属于新特性,新体验。为了能够正常使用,你还需要做如下配置: 1、输入url:chrome://flags/#enable-devtools-experiments. 注:如果使用中文版Chrome,显示的配置项名称应该为: 开发者工具实验性功能 ,如下图;2、启用...
第一步:在需要打断点处写上 debugger;第二部:在IE中将禁用脚本调试的钩去掉 打开IE -> 工具 -> 选项 -> 高级 -> 去掉禁用脚本调试(Internet Explorer)和禁用脚本调试(其他)不用调试时记得将IE去掉的钩,钩上,以免打开其它网页报错!
用他来调试javascript绝对好使。主页:http://getfirebug.com/google论坛 http://groups.google.com/group/firebugFirebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.Just the way you like it Firebug is always just a keystroke away, but it never gets in your way. You can ope...
JS调试技巧技巧 一:格式化压缩代码技巧二:快速跳转到某个断点的位置 右侧的Breakpoints会汇总你在JS文件所有打过的断点,点击跟checkbox同一行的会暂时取消这个断点,若是点击checkbox下一行的会直接跳转到该断点的位置技巧三:查看断点内部的作用范围【很实用】 右侧的scope可以看到相当多实用的信息,比如this的指向,是否有值,断点是对象还是其他等。。 技巧4:监听事件断点 右侧的Event Listener Breakpoints可以选择性的监...
代码如下:if(!window.console){ var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml","group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"]; window.console = {}; for (var i = 0; i < names.length; i++){ window.console[names[i]] = function() {}; } } 可以放在基础库里面,当然,注意names和i的作用域~
详解浏览器F12调试器和为JavaScript添加断点-Part11.控制台面板介绍2.为JavaScript添加断点 1.控制台面板介绍按F12 键启动浏览器中的调试器请注意与右键“检查源代码”的区别:浏览器调试器(控制台)面板详解:Part-1:原始网页。可以左右调整调试器面板,甚至充满整个屏幕,但是原始网页的作用在于,分析Part-2的Element属性时可以查看选中状态。 Part-2:调试器导航栏(Navigation)。Element:选中后,与Part-1、Part-3结合定位...
我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(番外篇一): 开发环境及插件, VSCode调试, ESLint + Google JavaScript Style Guide代码规范 electron教程(二): http服务器, ws服务器, 子进程管理 electron教程(三): 使用ffi-napi引入C++的dll electron教程(四): 使用electron-builder或electron-packager将项目打包为可执行桌面程序(.exe) 引言 这一篇将介绍:如何部署开发环境VSCode. 如何使...
不久前Chrome DevTools开始支持异步堆栈跟踪(http://www.html5rocks.com/en/tutorials/developertools/async-call-stack/),所以现在我们可以避免调试异步代码的痛苦. 但DOM Promises(http://www.html5rocks.com/en/tutorials/es6/promises/)也被释放,成功地带来了痛苦. 如果在承诺的代码中某处抛出任何异常,它将被promises系统吞噬,并且即使“Pause on exceptions”打开也不会让调试器停止. 好吧,我们可以打开“暂停捕获的异常”,但...
PHP是一种服务器端脚本语言,用来开发动态web应用程序。与JAVA相比,没有一个好的服务器端调试工具是其限制之一。通常我们都是在PHP代码中添加echo、var_dump等语句,将变量、数组的值显示在浏览器中来达到调试的目的。 现在,越来越多的浏览器都有了开发这工具或者Javascript控制台,通过这些工具,我们可以很方便的显示PHP代码中的变量或数组值。下面我们来做一个例子。例子中的PHP代码有四个跟踪级别:info, warn, log, error,...
一般都用控制台调试css,但js的话需要修改源文件才行,有什么办法可以直接修改js调试?ps:若能在控制台修改直接让源文件改动就好了,大家有什么经验?回复内容:一般都用控制台调试css,但js的话需要修改源文件才行,有什么办法可以直接修改js调试?ps:若能在控制台修改直接让源文件改动就好了,大家有什么经验?chrome 的source一栏,打开js文件后,修改ctrl+s 就生效了,当然刷新页面重新加载js会失效。 Firebug应该也有类似功...
http://runjs.cn/code或者类似RUNJS的开源项目?回复内容:http://runjs.cn/code或者类似RUNJS的开源项目?jsbinhttps://github.com/jsbin/jsbin
APP后台是用PHP写的,分享机制也是PHP。现在要调整一个内页的分享页面,但是测试版的APP坏了,打开没有数据。现在只能在chrome上面调试页面,调试好了再去php文件里面改,但是效果肯定跟手机上的不一样。这样调试就很麻烦。 各位前端大神,你们调试手机页面有什么好的办法?回复内容:APP后台是用PHP写的,分享机制也是PHP。现在要调整一个内页的分享页面,但是测试版的APP坏了,打开没有数据。现在只能在chrome上面调试页面,调试...
我的团队是做网站的,其他同事多数负责写前端js之类,我负责写服务器上php的api接口。 刚才看到了这个问题:https://segmentfault.com/q/1010000004477444 于是就好奇想了解下,有没有对应反过来给后端api用的调试工具啊? 因为我现在写的接口都是收js的json请求,同时返回json。虽然比较简单,但测试起来量比较到。我现在就是在底层写了shell去模拟前端的ajax请求,接口数量多了有点维护不过来。 有没有啥给后端api用的调试工具啊...