昨天我看到工作室的訪問量不知不覺到了39萬9千多，然后發(fā)了個貼子好奇了一下誰有可能會是第40萬個用戶（見：即將迎來訪問量第40萬的客人即將迎來訪問量第40萬的客人
），后來也有老師開玩笑說她是第40萬個訪客，當(dāng)然她拿不出截圖。
不過如果用好了瀏覽器的開發(fā)者工具，誰都可以拿出這個截圖，誰都可以成為這第40萬個用戶，所以這篇文章其實是寫瀏覽器的開發(fā)者工具的。
開發(fā)者工具是什么，哪里找？
在現(xiàn)代瀏覽器里（最早由Firefox開始，然后由Chrome發(fā)揚(yáng)光大，再接著眾多由Chrome開源版本Chromium衍生的瀏覽器品牌百花齊放），一般都內(nèi)置了開發(fā)者工具。顧名思義就是幫助網(wǎng)站開發(fā)者（主要是前端開發(fā)）分析、調(diào)試網(wǎng)頁功能的。
Firefox、Chrome系、Edge等瀏覽器都已經(jīng)集成了開發(fā)者工具。最簡單的調(diào)出開發(fā)者工具的方法，就是在頁面單擊一下右鍵，看有沒有一個“檢查”或“檢查元素”的菜單，其次在菜單欄有沒有與開發(fā)者相關(guān)的選項，如果有就是有這個工具了。例如Firefox的菜單中就有一項叫“web開發(fā)者”。當(dāng)然你也可以按快捷鍵，很多瀏覽器默認(rèn)就是F12。
開發(fā)者工具怎么用
不過很多人會說，我又不是開發(fā)者，我要開發(fā)者工具做什么？其實普通人也是有用的。舉幾個例子。
比如前面說的第40萬個訪客的界面，雖然現(xiàn)在已經(jīng)過了40萬了，但要截圖還是簡單的，因為我們可以調(diào)試出顯示第40萬的效果。方法就是在現(xiàn)在的總訪問量上右鍵，選擇“查看元素”。
接下去開發(fā)者工具會自動打開，并自動定位至這個總訪問量數(shù)據(jù)對應(yīng)的HTML語句，我們在其中將現(xiàn)在的訪問計數(shù)雙擊進(jìn)入編輯狀態(tài)，并修改為“400000”回車，你會發(fā)現(xiàn)網(wǎng)頁中顯示的效果已經(jīng)變更了。這個時候要截圖，那要亂真是很容易的。
利用上述的方式，你也可以將你的支付寶余額、銀行存款等數(shù)據(jù)修改為天文數(shù)字，來自我滿足一下。當(dāng)然了，這個只是本地調(diào)試的顯示效果，并不會變更你在支付寶和銀行等系統(tǒng)中的實際數(shù)值，刷新之后就恢復(fù)本來面目了。
再舉個案例吧，我對于一些無關(guān)緊要的系統(tǒng)，通常采用的密碼策略就是讓瀏覽器自動保存，但會有一個問題，就是換一個電腦的時候就記不清當(dāng)時設(shè)置的密碼是多少了。那如果用好開發(fā)者工具，有基本的HTML語法基礎(chǔ)，知道普通的文本框和密碼框的HTML控件名（Text、Password），那要找回也是分分鐘的事情。
比如某內(nèi)部系統(tǒng)中我們?yōu)闇y試創(chuàng)建了一個叫tempuser的用戶，記不清楚密碼是多少了，但Firefox還是給我記住了。
那如果要查看密碼，我們可以在密碼框上右鍵，選擇查看元素，在相應(yīng)的源碼中，將原先的“type = "password"”更改為“type = "text"”密碼就顯示出來了。
當(dāng)然對于瀏覽器中保存的密碼，也可以在瀏覽器的密碼管理器中查看，以Firefox為例，是在“隱私與安全”/“表單與密碼”中。所以重要密碼還是不要讓瀏覽器保存了，真要保存，記著勾選“使用主密碼”，這樣每次使用時會讓你額外輸一個密碼庫的密碼，相對安全一點。
