在很久的以前,因?yàn)榻?jīng)常在瀏覽器控制臺(tái)調(diào)試修改數(shù)據(jù),想到用戶如果使用控制臺(tái)配合抓包工具修改上下行流量中的數(shù)據(jù),會(huì)給站點(diǎn)帶來不定的安全威脅,所以一直想找個(gè)方法,準(zhǔn)確的說是js的方法“禁用”控制臺(tái),也就是用戶無法使用瀏覽器F12調(diào)出控制臺(tái),后來發(fā)現(xiàn)這個(gè)想法比較可笑、不可行,因?yàn)榭刂婆_(tái)是瀏覽器的實(shí)體功能之一,如果不從瀏覽器的源代碼處銷毀這一功能,是無法改變調(diào)用控制臺(tái)這種情況的,只能重寫代碼改變?cè)械囊恍┕δ?,瀏覽器插件也許能做到禁用控制臺(tái),這個(gè)倒沒嘗試過,也不重要,畢竟就是做到了這個(gè)插件推廣不開等于沒用,當(dāng)然中間也想看看一下大站是怎么做到的,于是跑去扒百毒淘寶的,結(jié)果如下:

百毒:

電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

天貓:

電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

看到的是這些,你們城里人真會(huì)玩,我記得當(dāng)初從業(yè)的時(shí)候老大就告訴我不要在console里輸出東西,調(diào)試后要清掉,不然就太low了,而我平時(shí)使用console功能基本僅限于在代碼斷點(diǎn)處console個(gè)string判斷執(zhí)行情況,或者將請(qǐng)求的數(shù)據(jù)打印出來方便查看數(shù)據(jù)結(jié)構(gòu),這種console出樣式、字符圖畫或者是圖片的沒在站點(diǎn)里使用過(清除console的原則,最新做的一個(gè)項(xiàng)目使用了哈哈,敬請(qǐng)期待),所以這篇博文list一下console的有意思的玩法;

console語法:

console.log(obj1 [, obj2, ..., objN]);
console.log(msg [, subst1, ..., substN]);

 

參數(shù)說明:

obj1 ... objN:一系列要打印的對(duì)象; 

msg:一個(gè)要打印的javascript string;

subst1 ... substN:用于替換msg的javascript對(duì)象,可以對(duì)輸出的格式進(jìn)行額外的控制;

然而我們平常用的基本是這樣的:console.log(data),后面的參數(shù)很少去用的;比如console.log("sd")控制臺(tái)就會(huì)打印出“sd”;

那么上面顯示的那樣打印多種格式是怎么做到的那,在官方提供的consoleAPI中提供了多重多樣的輸出方式,詳細(xì)的請(qǐng)戳這里,說明如下:

電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

可以看到里面還有對(duì)Dom操作的的console,“%o”,"%O",什么玩意,反正這個(gè)功能我沒用過,比如下面把body打印出來:console.log('%o',document.body):

電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),Web前端開發(fā)培訓(xùn)

(貌似沒什么卵用電腦培訓(xùn),計(jì)算機(jī)培訓(xùn),平面設(shè)計(jì)培訓(xùn),網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn),美工培訓(xùn),Web培訓(xùn),W
        
		<div   id=

網(wǎng)友評(píng)論