Chrome控制台 選擇器研究

2021-09-12 19:17:20 字數 653 閱讀 4446

今天在乙個qq群看到chrome的控制台是支援用$來獲取元素的,去試試,果然可以。

用$來進行元素選擇是jquery最常見的用法,那麼問題就來了,怎麼判斷$是來自頁面的jquer.js還是chrome本身呢?

其實在console輸入$之後按enter兩個還是有區別的

看下面的對比:

chrome提供的$

jq的$

其實還有乙個區別就是:

通過jq的$獲取到的是乙個jq物件

通過chrome的$到的是原生的元素物件(chrome提供的$是呼叫的queryselector)

chrome提供的三種選擇器

仔細研究發現一共有三種選擇器:

chrome的$呼叫的是queryselector()

$$呼叫的是queryselectorall();

$x來通過xpath選擇元素。

chrome控制台小技巧

對於大多數開發人員來說,chrome控制台最常用的命令就是 console.log 了,然後還有一些其他類似的命令,如 console.info 提示資訊 console.error 錯誤資訊 console.warn 警示資訊 然而,這些命令可能很多人都知道,然而,console.log 支援的多...

Chrome 控制台console的用法

google瀏覽器除錯時可能會用到 1 console.log用於輸出普通資訊 2 console.info用於輸出提示性資訊 3 console.error用於輸出錯誤資訊 4 console.warn用於輸出警示資訊 7 console.assert對輸入的表示式進行斷言,只有表示式為false...

判斷控制台是否開啟 chrome

從自己的medium同步過來 最近在網上瞎逛看到stack overflow上的這個老話題find out whether chrome console is open 很有意思,就決定實踐學習一下。判斷控制台是否開啟這種需求雖然沒遇見過,但感覺還是有可能會遇到的,特別是做一些簡單的安全限制,稍微的...