谷歌chrome浏览器有几种开发工具?chrome开发者工具使用教程
我要评论Google Chrome开发者工具我想是Web编程的程序员都不会不知道，以前小编习惯使用火狐的开发者工具，因为觉得fireBug不错；但是后边就觉得不好用了，还经常卡死，网上流传firebug一个大师跳槽到了谷歌，所以就改用谷歌了，下边详细介绍一下Google Chrome开发者工具的使用
只要安装了谷歌浏览器，就可以使用Google Chrome开发者工具了，Google Chrome开发者工具是内嵌到浏览器的开发工具。
打开方式有两种：第一“按F12”，第二：shift+ctrl+i
一、Console介绍
Console可以查看网页运行后提示的消息，错误或者警告以及输出内容等，网页后台可以使用Console.debug("输出内容")；来在Console输出显示，可以做到调试的作用吧，不过一般真正调试不是拿Console。console.debug("Console使用介绍");console是小写形式，不然提示没有Console
二、Resources介绍
Resources里可以查看web程序跑起来后所加载的一些资源（Resources），包括图片或者其他“值”，以及Cookies
三、Sources介绍
Sources可以查看运行的脚本，调试一般都是在Sources调试的，所以程序开发者需要了解和熟悉Sources的使用
四、Sources调试使用
在左侧的脚本代码编号，鼠标点击即可添加断点，添加断点后，刷新网页，程序运行到断点即可看到断点调式的状态了，具体调试需要在自己想查看某个方法里边是否有问题，一步步排除，效果很好
五、NetWork介绍
NetWork可以看到网页加载的脚本和资源的时间，还可以看到某些不能加载成功的资源；这里有位是百度首页演示，百度首页内容很干净所以不需要加载什么图片等资源
六、Elements介绍
Elements这个就比如页面的每个元素吧，比如百度搜索这个图片，可以通过Elements找到，搜索框也可以，在底下的“放大镜”类似的控件，点击然后选择自己想要查看要素或位置，Elements会跳转到相应的实现代码
注意事项：谷歌浏览器建议使用Ctrl+R刷新页面，可以将修改的js和html代码无误快速更新。
相关推荐：
升级chrome谷歌浏览器后导致中国银行网银插件失效该怎么办？
相关文章
- 谷歌Chrome浏览器怎么下载安装Postman插件？因为工作包含测试内容，所以经常使用工具进行对接口的测试，今天需要一款postman插件的工具，该怎么在谷歌浏览器中安装呢？下面2015-10-16
- 谷歌chrome浏览器怎么安装扩展插件？很多的时候我们需要浏览器中的一下插件来完成一下工作，该怎么才能给谷歌浏览器安装插件呢？下面我们一起来看看谷歌chrome浏览器安装插2015-10-09
谷歌浏览器(chrome)的免费插件时空隧道安装与使用图文教程
时空隧道是一款可以每天赠送用户2个小时的每天免费VPN上网时间，并且还可以通过每天登录累计这个免费的VPN时间。下面小编就为大家介绍谷歌浏览器(chrome)的免费插件时空隧2015-09-02恼火Flash插件 IE/Chrome/Firefox/Opera等如何设置点击播放?
针对最新0day漏洞，Flash Player紧急发布更新，更新包括所有平台（Windows，Mac，Linux）。这次的更新和昨天IE浏览器爆出的0day漏洞没有直接的联系，但是都是0day漏洞，在2015-08-11谷歌Chrome浏览器无法访问12306网站购买火车票该怎么办？
谷歌Chrome浏览器12306网站无法购买火车票该怎么办？在进入12306铁路火车票官方网站后，点击新版的网上购买火车票无法访问，甚至注册用户都无法访问，下面分享解决办法2015-08-11- Chrome浏览器提示下载文件是恶意文件已将其拦截怎么办？我下载的文件时工作用的，绝对安全，可是下载不下来该怎么办？下面分享解决办法，需要的朋友可以参考下2015-06-15
- 微软在4月份的BUILD 2015开发者大会上确认，全新的Edge浏览器将兼容Chrome插件，而这无疑是Edge最重要的功能。不过现在看来这一功能看来是不能及时在29日那天完工了，可能2015-06-11
微软斯巴达浏览器命名Edge 可兼容Chrome和Firefox插件
在微软Build 2015大会上，此前代号为“Project Spartan”的微软新浏览器正式被命名为“Microsoft Edge”，下面我们来看看详细介绍2015-04-30升级chrome谷歌浏览器后导致中国银行网银插件失效该怎么办？
升级chrome谷歌浏览器后导致中国银行网银插件失效该怎么办？在Chrome 42中，该API会默认关闭，导致支付宝控件、网银控件不可用，这就是为什么升级完谷歌以后网银就不可以用2015-04-20Chrome插件(shockwave flash)未响应解决方法
今天小编为大家分享的是Chrome插件(shockwave flash)未响应解决方法，有需要的朋友可以看一下2015-01-14
最新评论