昨天我看到工作室的访问量不知不觉到了39万9千多，然后发了个贴子好奇了一下谁有可能会是第40万个用户（见：即将迎来访问量第40万的客人即将迎来访问量第40万的客人
），后来也有老师开玩笑说她是第40万个访客，当然她拿不出截图。
不过如果用好了浏览器的开发者工具，谁都可以拿出这个截图，谁都可以成为这第40万个用户，所以这篇文章其实是写浏览器的开发者工具的。
开发者工具是什么，哪里找？
在现代浏览器里（最早由Firefox开始，然后由Chrome发扬光大，再接着众多由Chrome开源版本Chromium衍生的浏览器品牌百花齐放），一般都内置了开发者工具。顾名思义就是帮助网站开发者（主要是前端开发）分析、调试网页功能的。
Firefox、Chrome系、Edge等浏览器都已经集成了开发者工具。最简单的调出开发者工具的方法，就是在页面单击一下右键，看有没有一个“检查”或“检查元素”的菜单，其次在菜单栏有没有与开发者相关的选项，如果有就是有这个工具了。例如Firefox的菜单中就有一项叫“web开发者”。当然你也可以按快捷键，很多浏览器默认就是F12。
开发者工具怎么用
不过很多人会说，我又不是开发者，我要开发者工具做什么？其实普通人也是有用的。举几个例子。
比如前面说的第40万个访客的界面，虽然现在已经过了40万了，但要截图还是简单的，因为我们可以调试出显示第40万的效果。方法就是在现在的总访问量上右键，选择“查看元素”。
接下去开发者工具会自动打开，并自动定位至这个总访问量数据对应的HTML语句，我们在其中将现在的访问计数双击进入编辑状态，并修改为“400000”回车，你会发现网页中显示的效果已经变更了。这个时候要截图，那要乱真是很容易的。
利用上述的方式，你也可以将你的支付宝余额、银行存款等数据修改为天文数字，来自我满足一下。当然了，这个只是本地调试的显示效果，并不会变更你在支付宝和银行等系统中的实际数值，刷新之后就恢复本来面目了。
再举个案例吧，我对于一些无关紧要的系统，通常采用的密码策略就是让浏览器自动保存，但会有一个问题，就是换一个电脑的时候就记不清当时设置的密码是多少了。那如果用好开发者工具，有基本的HTML语法基础，知道普通的文本框和密码框的HTML控件名（Text、Password），那要找回也是分分钟的事情。
比如某内部系统中我们为测试创建了一个叫tempuser的用户，记不清楚密码是多少了，但Firefox还是给我记住了。
那如果要查看密码，我们可以在密码框上右键，选择查看元素，在相应的源码中，将原先的“type = "password"”更改为“type = "text"”密码就显示出来了。
当然对于浏览器中保存的密码，也可以在浏览器的密码管理器中查看，以Firefox为例，是在“隐私与安全”/“表单与密码”中。所以重要密码还是不要让浏览器保存了，真要保存，记着勾选“使用主密码”，这样每次使用时会让你额外输一个密码库的密码，相对安全一点。
