Google Chrome控制台为开发者提供了网页和应用程序调试的几种方法,本文通过基本操作.控制台API.命令行API来介绍控制台的使用. 基本操作 1.开启控制台     可以通过下列三种方式开启控制台:     a) 按下Chrome界面右上方的按钮,选择菜单:更多工具->开发者工具,进入开发者工具界面,点击该界面右上方的控制台显示按钮.     b) 按下快捷键CTRL-SHIFT-I,打开开发者工具,点击该界面右上方的控制台显示按钮.     c) 按下快捷键CTRL-SHIFT-J,…

Google Chrome浏览器调试 作为Web开发人员,我为什么喜欢Google Chrome浏览器 [原文地址:http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html ] 在Google Chrome浏览器出来之前,我一直使用FireFox,因为FireFox的插件非常丰富,更因为FireFox有强大的Firebug,对于前端开发可谓神器. 在Chrome出来的时候,我就喜欢上它的简洁.快速,无论是启动速度还是页面解析速…

作为Web开发人员,我为什么喜欢Google Chrome浏览器 [原文地址:http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html ] 在Google Chrome浏览器出来之前,我一直使用FireFox,因为FireFox的插件非常丰富,更因为FireFox有强大的Firebug,对于前端开发可谓神器. 在Chrome出来的时候,我就喜欢上它的简洁.快速,无论是启动速度还是页面解析速度还是Javascript执行速度(现…

作为Web开发人员,我为什么喜欢Google Chrome浏览器 [原文地址:http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html ] 在Google Chrome浏览器出来之前,我一直使用FireFox,因为FireFox的插件非常丰富,更因为FireFox有强大的Firebug,对于前端开发可谓神器. 在Chrome出来的时候,我就喜欢上它的简洁.快速,无论是启动速度还是页面解析速度还是Javascript执行速度(现…

作为Web开发人员,我为什么喜欢Google Chrome浏览器 [原文地址:http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html ] 在Google Chrome浏览器出来之前,我一直使用FireFox,因为FireFox的插件非常丰富,更因为FireFox有强大的Firebug,对于前端开发可谓神器. 在Chrome出来的时候,我就喜欢上它的简洁.快速,无论是启动速度还是页面解析速度还是Javascript执行速度(现…

很多Web前台开发者都喜欢这种浏览器自带的开发者工具,这对前台设计.代码调试很大帮助的. Chrome浏览器得益于其优秀的V8解释器,javascript执行速度和内存占有率表现非常优秀.对于html+css+javascript前台技术的学习或者开发,浏览器developer tool的使用时必不可少的,也能极大的提高学习或者开发效率.本文根据版本 23.0.1271.10.在window下,开启developer tool的快捷键为F12. 1 Developer tool功能结构 Deve…

整理一些学过的js知识点,包括js中3个括号的含义,this的使用,递归,google浏览器的代码调试.Location的属性及常用方法,window对象常用方法,open方法等. js括号 在js中,三种括号所对应的不同含义: {} --对象 [] --数组 () --执行 this方法 var person = { /*对象属性*/ neme: "jerr", age: 22, /*对象的方法*/ eat: function (food) { **//this 誰調用這個方法,誰就…

Chrome 是 Google 出品的一款非常优秀的浏览器,其内置了开发者工具(Windows 系统中按下 F12 即可开启),可以让我们方便地对 JavaScript 代码进行调试. 为方便大家学习和使用,本文我对 Chrome 的调试技巧做个系统的总结. 一.设置断点 有两种方法可以给代码添加断点: 方法1:在 Source 内容区设置 (1)找到要调试的文件,然后在内容源代码左侧的代码标记行处点击,即可打上一个断点. (2)刷新浏览器,当页面代码运行到断点处便会暂停执行.     方法2:…

在使用 Google Chrome 浏览器调试 js 时,会发现修改完 js 不会立即生效,这是由于 chrome 浏览器缓存的原因,而在火狐下没有这个问题.经常使用 chrome 浏览器调试 js 的朋友一定会发现 chrome 下调试 js 更加顺手,那么就让我们看看怎么在 chrome 下禁止缓存. 按F12(Ctrl+Shift+J 或 Ctrl+Shift+I)打开开发者工具,找到右下角的图标,如下: 点击 ,设置如下: 5…

你 是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~,用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题.不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了.本文主要介绍其中的 JavaScript  断点设置 和 调试 功能,也就是其中的 Sources Panel(以前叫 Scripts).如果你精通 Eclip…