在這個世界互聯(lián)的時代，瀏覽器就像是一個通往世界的窗口。現(xiàn)代瀏覽器功能越來越強(qiáng)大，了解它的一些特性，可以少尋覓很多工具。

這里主要介紹一下瀏覽器控制臺。控制臺簡單的來看就是命令窗口，可以直接輸入命令來執(zhí)行。瀏覽器控制臺，提供一個 javascript 的腳本環(huán)境并可直接操作瀏覽器中的文檔（網(wǎng)頁）對象。

進(jìn)入控制臺

通常，打開瀏覽器按 F12 會出現(xiàn)應(yīng)用面板，點(diǎn)擊其中的控制臺（英文為 Console）選項卡即可。

簡單應(yīng)用

當(dāng)計算器

可直接輸入數(shù)學(xué)表達(dá)式得到結(jié)果。
如輸入 4*(89*67-90)*9/3-99 回車，得到 70377

BASE64

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

解碼其它文本

當(dāng)我們遇到被編碼的中文信息，如\u7F13\u5B58\u6570\u636E\u7684\u5185\u5B58\u5927\u5C0F，只需要使用引號一起在控制臺輸入即可得到結(jié)果。
"\u7F13\u5B58\u6570\u636E\u7684\u5185\u5B58\u5927\u5C0F"="緩存數(shù)據(jù)的內(nèi)存大小"

JavaScript

在控制臺可以實時的運(yùn)行 JavaScript 語句。如下圖，一個循環(huán)結(jié)構(gòu)計算 1 加到 100 的值。

文檔控制

使用 document 對象，可以對打開的網(wǎng)頁進(jìn)行操作。
如執(zhí)行 document.body.innerText = "hello world!"; 可以試試看是什么效果。

總結(jié)

瀏覽器控制臺本是給開發(fā)人員調(diào)試用的工具，但其提供的上下文環(huán)境和瀏覽器集成，讓有些事情變得簡單。雖然通過搜索引擎總能找到其它可用工具，但瀏覽器的控制臺觸手可及，很多時候你也許可以用上它。