网上看了不少Chrome调试工具的使用说明，介绍的详细的有，但是思路有点混乱不太清晰，趁着清闲的时间，对Chrome F12调用出来的工具，使用做一下具体的说明和规范。

1.箭头按钮：用于在页面选择一个元素来审查和查看它的相关信息，当我们在Elements这个按钮页面下点击某个Dom元素时，箭头按钮会变成选择状态，方便用户定位标签尺寸和代码位置

2.设备图标：点击它可以切换到不同的终端进行开发模式，移动端和pc端的一个切换，可以选择不同的移动终端设备，同时可以选择不同的尺寸比例，chrome浏览器的模拟移动设备和真实的设备相差不大，是非常好的选择。

3.Elements 功能标签页：使用和查看，也可以修改页面上的标签元素，

• 如图1，可以修改的是标签中css样式，2中可以修改的是盒模型的相对位置信息。1中的样式，
• 被横线划掉的是优先级比较低，被覆盖或者被屏蔽的样式。
• 头部显示的element.style 样式，是自动生成或者js代码动态生成的
• 文件保存的css样式，在标签名的右边会显示，样式的所在路径和名称
• 样式是实时修改变动的，不需要在项目代码中，一点一点的调节。
• 盒模型，可以实时调节标签或者说元素的相对距离，margin为外边距，padding为内边距，border是指元素的边框的尺寸和样式调节，最中间的是元素的实际大小

4.Console控制台：用于打印和输出相关的命令信息，其实console控制台除了我们熟知的报错，还有很强大的功能：这里重点介绍一下

（下面图中，我想大家也看到了，逗比的百度招聘，之前也看到过类似的淘宝招聘，都显示在Console页面）

在console中输入console.dir(console)点击回车,红框中所显示的是console中所有的方法，可以供你使用

• console.log 用于输出普通信息（前端开发，使用比较多的方法）
• console.info 用于输出提示性信息
• console.error用于输出错误信息
• console.warn用于输出警示信息
• console.groupEnd结束一组输出信息
• console.assert对输入的表达式进行断言，只有表达式为false时，才输出相应的信息到控制台。如下图，输入代码var x=false; console.assert(x,"你好");这里只是为了调试，一般情况代码是写在项目的前端代码中，用来调试可能出现的情况

• console.count（这个方法非常实用哦）当你想统计代码被执行的次数，代码放在function中，统计方法执行次数
• console.dir(这个方法是我们刚刚使用过的。 他的使用比for in方便了很多) 直接将该DOM结点以DOM树的结构进行输出，可以详细查对象的方法发展等等，如图，app4是vue.js的写法。obj只是一般

JavaScript的写法使用dir，obj的比较清晰点，app4，因为是vue生成，所以比较复杂。

• console.time 计时开始。console.timeEnd 计时结束（看了下面的图你瞬间就感受到它的厉害了）中间插入运行代码，可以用来记录代码段运行实时时间。
• keys和values 前者返回传入对象所有属性名组成的数据，后者返回所有属性值组成的数组。

• console.table方法，把数据json输入放入，能模拟出表格显示数据信息
• Chrome 控制台中原生支持类jQuery的选择器，也就是说你可以用$加上熟悉的css选择器来选择DOM节。这里如果你写爬虫的话，可以使用这个功能快速定位要爬取的数据，写出正则表达式
• console.profile和console.profileEnd配合一起使用来查看CPU使用相关信。要查看的代码段翻入其中，可以查看代码段运行时，cpu的使用情况

友们对 Adobe 应该很熟悉吧，就是那家开发 Photoshop 等软件的公司。

先放一张 Adobe 全家桶镇楼，想必是不少人的噩梦。

咱们今天主角，是第一排最后一个：Flash。

这几日，机哥看到一则消息，Adobe 宣布将在 2020 年，也就是明年，停止对 Flash 的技术支持。

被它一说，机哥也想起，谷歌的 Chrome 浏览器，最近时不时都弹出：“自2020年12月开始，Flash Player 将不再受支持”。

不由得唏嘘，一个时代又要过去了。

咱们当中很多人，哪怕没有女朋友的陪伴，也肯定曾经日日与 Flash 作伴。

只是如果机哥问，Flash 是什么时候诞生的？可能回答上来的不多。

它最早可以追溯到 1996 年，至今已 22 年，其实那个时间节点到现在，也是跟着互联网一起成长的啦。

提起 Flash 这个词，不知道机友们第一反应，是想起什么？

有可能是 4399、7k7k 等，上面的 Flash 小游戏。

有可能是中小学电脑课上，老师教咱们做的，五毛特效的 Flash 动画。

（图片来源于网络）

也有可能是开机时，弹出烦人的 Flash 更新。

或者是最近几年，每次在浏览器运行 Flash，都得事先允许。

当然，有人说 Flash 还是闪电侠，这个就划掉划掉。

总的来说，Flash 有很多层意思，因为它既是一个软件，也是一种多媒体的格式。

可以说，在过去十几年的时间里，Flash 陪伴着一代人，或者说几代人的成长，因为它实在是太普及、太常见了。

可能会有机友问：红极一时的 Flash，为啥突然退出历史舞台呢？

其实嘛，一点都不“突然”。这里，机哥就得借用，乔布斯乔帮主在 9 年前，对 Flash 的断言。

机哥先帮大家回顾一下，用 iOS 设备的机友，可能已经发现，哪怕时至今日，它们依旧无法运行 Flash。

前两天 iPadOS 正式版上线，还有机友在后台问机哥：iPad 更新后，是不是能玩 4399 小游戏了？

很遗憾告诉大家，哪怕 iPad 有了独立操作系统，也是无法运行 Flash 的。

问这个问题，可能对苹果早年的历史，不太熟悉。

在乔帮主还在世时，就有不少人责备，为什么不给 iPhone 支持 Flash，导致实用性大减。

要知道，现在是 Flash 的服役尽头，但当年可是 Flash 最火的时候，也是 iPhone 统治智能手机市场的时候。

这两个霸主，竟然不相容，让很多人都难以理解。

有人把这个原因，归咎于乔布斯的“死板”、“强迫症”，比如说，乔布斯不允许给 iPad 原生系统，装计算器 App 一样。

但 iPhone 不支持 Flash，真的是因为乔布斯的专制吗？

2010年4月，也就是 iPhone 4 发布前两个月，乔布斯特意写了一封信，标题就叫做《关于 Flash 的说明》。

顺带说一句，这封信，现在在美国苹果官网，还能找到哦。（机哥看到最后的署名，Steve Jobs，有点怀念呢。）

他一开始，就明确表示：iPhone 永远不会支持 Flash。

哪怕明年 Flash 就要退役，但直到今年 iPhone 11 Pro Max，确实不支持F lash。

So，来到库克领导下的苹果，依旧遵循这个准则。

（图片来源于网络）

但是嘛，究竟是什么原因，让乔帮主如此“反感” Flash 呢？

乔布斯给 Flash 的评价是：Flash 耗电量大、运行缓慢，而且存在安全问题。

可能有机友看到乔帮主这句话，表示不服气，这么多年来在电脑上运行 Flash，好像也碰到这问题呀。

那机哥就得指出，时代背景不一样啦。

Flash 最初开发出来，是为 PC、键鼠设计的。但乔布斯看到的是，移动时代来临。

在那封信里，提到了：移动时代是低功耗设备、触控界面和开放网络标准的时代。

So，在这个背景之下，原本 Flash 在 PC 上，不能算是缺点的问题，却在移动设备上暴露出来。

手机电量，经不住大量消耗，机哥很难想象出，如果 5G 时代还在用Flash 的情形。而且 Flash，也远远没有，现在这些 App 的运行效率高。

后来，果真应了乔布斯所言，Flash 逐渐被其他东西替代。

比如说，机哥看到，咱们国内的视频网站，现在都用 HTML 5 播放器，来取代老旧的 Flash 播放器。

而在 2017 年，Adobe 已经放出消息说，Flash 会在几年后停止服役。

直到最近，终于官宣这消息，Flash 在创造无数辉煌后，将在明年12月31日，卸下这沉重的责任。

对于机哥来说，身边用到 Flash 的东西，已经比较少。Flash 这个词，仿佛已经成为一个时代的印记。

只是机哥放眼望去，好像很多陪我们长大的东西，都逐渐变成回忆。

前几年，微软宣布 Windows XP 正式退役，引起互联网上一阵纪念的热潮。

只是明年，就连 Windows 7 也要走到生命的尽头。机哥估计，到时候又会有很多人，跑出来回忆青春。

但是，远远不止这些，现实中还有，生活大爆炸结局、科比退役……咱们总有说不完的再见。

今天最后，机哥想性感，啊不，感性地说一句：不要把当下，变成日后的遗憾。