起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 编程语言 > Chrome 开发工具如何使用

Chrome 开发工具如何使用

时间:2019-01-16 17:59:30来源:编程网 作者:IT培训网 已有: 名学员访问该课程

  快捷搜索:Chrome开发工具

前言:谷歌开发工具(以下用开发者工具简称),是基于谷歌浏览器内含的一套网页制作和调试工具。开发者工具允许网页开发者深入浏览器和网页应用程序的内部。该工具可以有效地追踪布局问题。

就算你不是一名前端开发工程师,相信你也不会对Chrome浏览器感到陌生。根据最新的一份(2015/06)的浏览器市场占有率报告,Chrome近乎占有浏览器天下的半壁江山。简单、快捷使它成为了新时代人们的新宠。如果你是一名web开发人员,我推荐你使用Chrome。作为前端开发的"IDE",你只需要搭配一个编辑器就能完成几乎所有的开发任务了。关于它的使用和功能分析要么都是大而不全,要么是巨细糜烦。本系会比较详细地分享卤煮的一些Chrome(F12开发者功能)使用经验,从一些基础的功能开始到它的一些高级性能分析器(Timeline、Profiles),在最后,将会推荐几款好的插件,希望对您的开发工作有些许的作用。如果你对一些面板模块功能已经很了解可以直接跳过去阅读你感兴趣的部分。

网友1:Chrome开发工具中最有用的面板Sources。  Sources面板几乎是我最常用到的Chrome功能面板,也是在我看来决解一般问题的主要功能面板。通常只要是开发遇到了js报错或者其他代码问题,在审视一遍自己的代码而一无所获之后,我首先就会打开Sources进行js断点调试,而它也几乎能解决我80%的代码问题。Js断点这个功能让人兴奋不已,在没有js断点功能,只能在IE(万恶的IE)中靠alert弹出窗口调试js代码的时代(特别alert一个object根本不会理你),那样的开发环境对于前端程序员来说简直是一场噩梦;

网友2:现在wap端页面越来越多,Chrome的设备模式能模拟不同的屏幕大小和分辨率,方便了调试移动端产品的体验,虽然和在手机上看有一定的差异,但也基本满足需求。更何况Chrome还可以远程调试。建议学习教程的人,边看边操作,可以更快的上手。

多端阅读《Chrome 开发工具指南》:

谷歌浏览器开发工具综述

谷歌开发工具(以下用开发者工具简称),是基于谷歌浏览器内含的一套网页制作和调试工具。开发者工具允许网页开发者深入浏览器和网页应用程序的内部。该工具可以有效地追踪布局问题,设置 JavaScript 断点并可深入理解代码的最优化策略。

注意:如果你是一个网页开发者同时想要获得最新版本的开发工具,那么你应该使用<a rel="nofollow" href=""https://www.google.com/">谷歌浏览器(金丝雀)Canary 版。

手册简介:

谷歌 Chrome 开发工具,是基于谷歌浏览器内含的一套网页制作和调试工具。开发者工具允许网页开发者深入浏览器和网页应用程序的内部。该工具可以有效地追踪布局问题,设置 JavaScript 断点并可深入理解代码的最优化策略。

更新记录:

Chrome 开发工具 15 个必须知道的技巧(动图) 03-01 18:54

Chrome开发工具 树形提示 (不稳定) 03-01 18:52

Chrome开发工具 版本 1.1 (稳定) 03-01 18:52

Chrome开发工具 展示 Chrome 调试协议客户端实例 03-01 18:52

Chrome开发工具 DevTools 插件实例 03-01 18:51

Chrome开发工具 整合 DevTools 和 Chrome 03-01 18:51

Chrome开发工具 命令行 API 参考 03-01 18:51

Chrome开发工具 控制台 API 参考 03-01 18:51

Chrome开发工具 JavaScript 内存分析 03-01 18:50

Chrome开发工具 分析 JavaScript 性能 03-01 18:50

文章出自:http://qh.itpxw.cn/peixun/software/201946333.html

文章标题:Chrome 开发工具如何使用



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉

你也许会喜欢如下的文章?
(责任编辑:IT培训网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
培训学校
IT培训网 访问该机构站点 报名留言 加为好友 用户等级:注册会员 用户级别:10 机构名称:IT培训网 联 系 人:罗老师 联系电话:13783581536 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 电子邮件: 网站域名:http://www.itpxw.cn 注册时间:2016-07-18 11:07 最后登录:2024-02-20 13:02
推荐内容