触手可及的浏览器控制台

在这个世界互联的时代，浏览器就像是一个通往世界的窗口。现代浏览器功能越来越强大，了解它的一些特性，可以少寻觅很多工具。

这里主要介绍一下浏览器控制台。控制台简单的来看就是命令窗口，可以直接输入命令来执行。浏览器控制台，提供一个 javascript 的脚本环境并可直接操作浏览器中的文档（网页）对象。

进入控制台

通常，打开浏览器按 F12 会出现应用面板，点击其中的控制台（英文为 Console）选项卡即可。

简单应用

当计算器

可直接输入数学表达式得到结果。
如输入 4*(89*67-90)*9/3-99 回车，得到 70377

BASE64

通过 window.btoa(文本) 可以得到文本的 BASE64 编码，通过 window.atob(BASE64编码) 可以解码。
如 window.btoa("hello world!") = "aGVsbG8gd29ybGQh"、window.atob("QQ==") = "A"

解码其它文本

当我们遇到被编码的中文信息，如\u7F13\u5B58\u6570\u636E\u7684\u5185\u5B58\u5927\u5C0F，只需要使用引号一起在控制台输入即可得到结果。
"\u7F13\u5B58\u6570\u636E\u7684\u5185\u5B58\u5927\u5C0F"="缓存数据的内存大小"

JavaScript

在控制台可以实时的运行 JavaScript 语句。如下图，一个循环结构计算 1 加到 100 的值。

文档控制

使用 document 对象，可以对打开的网页进行操作。
如执行 document.body.innerText = "hello world!"; 可以试试看是什么效果。

总结

浏览器控制台本是给开发人员调试用的工具，但其提供的上下文环境和浏览器集成，让有些事情变得简单。虽然通过搜索引擎总能找到其它可用工具，但浏览器的控制台触手可及，很多时候你也许可以用上它。