網上看了不少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 也要走到生命的盡頭。機哥估計，到時候又會有很多人，跑出來回憶青春。

但是，遠遠不止這些，現實中還有，生活大爆炸結局、科比退役……咱們總有說不完的再見。

今天最后，機哥想性感，啊不，感性地說一句：不要把當下，變成日后的遺憾。