常識級別的 chrome 控制臺操作接口

Simon_Zhou 發(fā)布于2019-08-23 14:22 / 955人閱讀

摘要：特殊變量返回上一個表達式的返回值。監(jiān)視一個函數(shù)監(jiān)視一個元素上的事件參考鏈接

原文鏈接：https://ssshooter.com/2018-12...

快 2019 年了，我才去看 chrome DevTools 的 api，唉，晚是晚點，總比不知道好吧？對于這些接口，不知道也不會導(dǎo)致你無法正常開發(fā)，但是知道了效率是能提高很多的。其實很多“常識”都因為“太常識”了，所以大家都不說，不討論，結(jié)果知道的人反而不多。

以下是幾句話的簡單總結(jié)。

特殊變量

$_ 返回上一個表達式的返回值。

$0 ~ $4 $0 返回上次選中的 dom 元素（需要用審查元素或直接在開發(fā)工具點擊元素，使用下面的 $() 不生效），$n 返回上 n + 1 次選擇的元素。

特殊方法

$() 等同于 document.querySelector()

$$() 等同于 document.querySelectorAll()

$x() 傳入 XPath 獲取 dom 元素，XPath 相關(guān)概念可以在這里了解。

inspect() 審查某元素，例如 inspect($0)。這里有一個不容易注意的坑，如果你的頁面有一個 id 為 inspect 的元素，那么你輸入 inspect 就會獲得那個 dom 元素，而不是審查函數(shù)。

copy() 復(fù)制一個變量。之前我一直有一個很苦惱的問題，有時候想用 js 處理一些數(shù)據(jù)，例如存放對象的數(shù)組，想在瀏覽器直接處理，但是當(dāng)時不知道這個方法，復(fù)制不出來，只能用 node 寫文件然后復(fù)制，十分蠢，其實明明一個 copy(var) 就完事了呀。

monitor(function) 監(jiān)視一個函數(shù)

monitorEvents(object[, events]) 監(jiān)視一個元素上的事件

參考鏈接：https://developers.google.com...

云服務(wù)器 GPU云服務(wù)器關(guān)于服務(wù)器的基本常識對象存儲oss控制臺操作圖片鑒黃服務(wù)器的運行級別 java中注釋的級別

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/100502.html

相關(guān)文章

常識之外的規(guī)范——阿里java開發(fā)手冊筆記(全章節(jié))

摘要：說明這篇文章是我第一次認(rèn)真閱讀阿里巴巴開發(fā)手冊終極版的筆記。說明本手冊明確防止是調(diào)用者的責(zé)任。一年半載后，那么單元測試幾乎處于廢棄狀態(tài)。好的單元測試能夠最大限度地規(guī)避線上故障。說明這篇文章是我第一次（認(rèn)真）閱讀《阿里巴巴 Java 開發(fā)手冊(終極版)》的筆記。手冊本身對規(guī)范的講解已經(jīng)非常詳細(xì)了，如果你已經(jīng)有一定的開發(fā)經(jīng)驗并且有良好的編碼習(xí)慣和意識，會發(fā)現(xiàn)大部分規(guī)范是符合常識的。所以...

Martin91 2019-08-15 12:11 評論0 收藏0
前端答疑-chrome開發(fā)者工具正確食用-調(diào)試代碼

摘要：之前寫過前端答疑開發(fā)者工具正確食用看網(wǎng)頁源碼，其中涉及到了和兩個標(biāo)簽。工具欄提供了，路徑過濾支持正則，類型過濾，拿響應(yīng)其實很簡單啊，找到頁面的請求，然后看里面不就是嗎看這個其實也是昨天碰到的，有個朋友說他下載文件失敗。之前寫過前端答疑-chrome開發(fā)者工具正確食用-看網(wǎng)頁源碼，其中涉及到了 Sources 和 Network 兩個標(biāo)簽。不曾想現(xiàn)在的世界越來越看不懂了昨天吧，一個...

zhangxiangliang 2019-08-26 10:11 評論0 收藏0
菜鳥入門：了解網(wǎng)絡(luò)存儲基本常識

摘要：而實際上，網(wǎng)絡(luò)存儲和網(wǎng)絡(luò)連接的系統(tǒng)相比并沒有多少不同。網(wǎng)絡(luò)存儲具有在網(wǎng)絡(luò)上提供存儲服務(wù)的能力。了解存儲的第一步，便是關(guān)于存儲的分類與一些基本的定義，下面一起來看一看。存儲是一件復(fù)雜的事情，在經(jīng)歷過電腦運算能力和網(wǎng)絡(luò)互連能力兩次快速發(fā)展之后，人們對于網(wǎng)絡(luò)的需求不再滿足于連通能力，而傾向于更為強大的信息管理能力。隨著越來越多的關(guān)鍵信息轉(zhuǎn)化為數(shù)字形式并存儲在可管理的介質(zhì)中，網(wǎng)絡(luò)對于存儲和管理信息的...

Imfan 2019-04-29 10:31 評論0 收藏0
基于 Node+express 爬蟲的數(shù)據(jù) API，爬一套自己的api數(shù)據(jù)(2)

摘要：目前半島局勢緊張，朝鮮已進行了六次核試驗，被廣泛認(rèn)為已經(jīng)擁有了核彈頭。另外朝鮮的導(dǎo)彈技術(shù)今年以來快速突破，成功試射了射程可覆蓋美國本土的洲際彈道導(dǎo)彈。這個版的內(nèi)容傳到互聯(lián)網(wǎng)上后，迅速刷屏，引起紛紛議論。 SplderApi2 Node-SplderApi2 第二版基于Node 的網(wǎng)絡(luò)爬蟲 API接口包括前端開發(fā)日報、kugou音樂、前端top框架排行、妹紙福利、搞笑視頻、段子笑話、...

beanlam 2019-08-21 17:57 評論0 收藏0
2017年經(jīng)歷的那些靈異事件

摘要：年快要過去了，回顧這一年來，在業(yè)務(wù)代碼里，開發(fā)新功能占據(jù)，修復(fù)占了，在解決的這些中，大部分都是代碼級別的錯誤，使用基本都可以解決，但其中有三個比較神奇，算得上是靈異事件了。 2017年快要過去了，回顧這一年來，在業(yè)務(wù)代碼里，開發(fā)新功能占據(jù)70%，修復(fù)BUG占了30%，在解決的這些BUG中，大部分都是代碼級別的錯誤，使用 Chrome Devtools 基本都可以解決，但其中有三個比較神...

Markxu 2019-08-22 11:15 評論0 收藏0