chrome 插件开发各种功能demo_Chrome 开发者工具各种骚技巧
優(yōu)質(zhì)文章,及時(shí)送達(dá)
曾經(jīng),在線調(diào)偽類樣式困擾過(guò)你?
源代碼快速定位到某一行!ctrl + p
聯(lián)調(diào)接口失敗時(shí),后臺(tái)老哥總管你要response?
你還一層層展開(kāi)dom?Alt + Click
是不是報(bào)錯(cuò)了,你才去打斷點(diǎn)?
你是不是經(jīng)常想不起來(lái),在哪綁定事件的?
你是不是打斷點(diǎn)時(shí)還要去改代碼?
看dom層級(jí)的最直觀的方式?
查一些特定的請(qǐng)求,過(guò)濾器用過(guò)嗎?
在Elements面板調(diào)整dom結(jié)構(gòu)很不方便?
想知道,某圖片加載的代碼在哪?Initiator!!
不想加載某個(gè)文件了?
對(duì)于每個(gè)前端從業(yè)者來(lái)說(shuō),除了F5鍵之外,用的最多的另外一個(gè)鍵就是F12了。
最近大神(@小魚(yú)二)推薦我一個(gè)網(wǎng)站,才知道chrome還有各種騷姿勢(shì)。這個(gè)網(wǎng)站是:umaar.com/dev-tips/,本文分享一些實(shí)用且聰明的調(diào)試技巧。
1.曾經(jīng),在線調(diào)偽類樣式困擾過(guò)你?
2.源代碼快速定位到某一行 ctrl + p
3.聯(lián)調(diào)接口失敗時(shí),后臺(tái)老哥總管你要 response?
搜索Java知音公眾號(hào),回復(fù)“后端面試”,送你一份Java面試題寶典.pdf
4.你還一層層展開(kāi) dom:Alt + Click
5.是不是報(bào)錯(cuò)了,你才去打斷點(diǎn)?
6.你是不是經(jīng)常想不起來(lái),在哪綁定事件的?
7.你是不是打斷點(diǎn)時(shí)還要去改代碼?
8.看 dom 層級(jí)的最直觀的方式?
9.查一些特定的請(qǐng)求,過(guò)濾器用過(guò)嗎?
10.在 Elements 面板調(diào)整 dom 結(jié)構(gòu)很不方便?
11.想知道,某圖片加載的代碼在哪?Initiator!!
12.不想加載某個(gè)文件了?
多的就不列舉了,可以看看開(kāi)頭的網(wǎng)站??戳擞袔讉€(gè)功能我電腦(win10)是沒(méi)有的,應(yīng)該跟chrome版本有關(guān)。
開(kāi)發(fā)者工具的功能確實(shí)挺多,多的有時(shí)根本用不上,官網(wǎng)教程建議大家都看看。
作者:老姚
juejin.im/post/5af53823f265da0b75282b0f
- END -
最近整理一份面試資料《Java技術(shù)棧學(xué)習(xí)手冊(cè)》,覆蓋了Java技術(shù)、面試題精選、Spring全家桶、Nginx、SSM、微服務(wù)、數(shù)據(jù)庫(kù)、數(shù)據(jù)結(jié)構(gòu)、架構(gòu)等等。
獲取方式:點(diǎn)“ 并回復(fù) 777
總結(jié)
以上是生活随笔為你收集整理的chrome 插件开发各种功能demo_Chrome 开发者工具各种骚技巧的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: cad导出pdf_通过CAD导出的文件或
- 下一篇: openmv串口数据 串口助手_Qt小项