本文教你如何在chrome控制臺中，使用mark.js，隨意標注任何網頁中的任何內容。
首先，我們下載mark.js源碼：https://cdn.jsdelivr.net/mark.js/latest/mark.js.zip，并解壓：
打開mark.min.js，看到一行壓縮后的源碼：
拷貝此行源碼，接下來我們打開一張網頁，這里以我的一篇簡書文章頁為例子，在chrome中打開http://www.lxweimin.com/p/283b46e660c2。
接下來我們打開控制臺：在Mac下，按下option + command + i；在Windows下，按下control + shift + i：
在控制臺中，輸入剛才拷貝的源碼，并按下enter鍵：
如此，一個Mark的全局構造函數已初始化完畢。接下來，我們選取我們想要的DOM元素，對它進行標注：
我們發現這塊區域就是class為show-content的div元素，于是使用如下方式把這個元素獲取，在控制臺中輸入：
var contentEl = document.querySelector('.show-content');
然后使用mark.js的API對這個元素進行標注，在控制臺中輸入：
var instance = new Mark(contentEl);
instance.mark('Nicolas1.1');
成功！我們發現帶有nicolas1.1的字樣都被標注上了背景色。
更多mark.js的API文檔，請參考https://markjs.io/。
