chrome開發(fā)者工具功能拾遺:Sources面板篇
圖片的話就不要看Network了椭更,一個頁面圖片太多了欺栗,我們可以點擊網(wǎng)頁上的圖片然后右鍵-》審查元素们陆,然后Elements會定位到一個<img />標(biāo)簽,那個src屬性就是你要的圖片地址了粥血,有的網(wǎng)頁會把右鍵禁掉了,下面有介紹打開Chrome DevTools的方法酿箭,用“放大鏡”定位圖片元素复亏。
console.table打印數(shù)組對象(數(shù)組每一項是對象)信息非常好
有些網(wǎng)站按F12是沒有用的,因為JavaScript腳本把瀏覽器的默認(rèn)事件給阻止掉了缭嫡,但是沒事缔御,只要你能打開Chrome DevTools,腳本怎么阻止都沒有用妇蛀。12找到network耕突,下面仔細(xì)找,總能找到cdn地址评架,復(fù)制下來貼迅雷里就能下了眷茁。
想在Chrome寫些日常感悟?或者有好的文章想收藏下來纵诞?在地址欄輸入“data:text/html,%20<html%20contenteditable>Title”上祈,最后按Enter鍵,瞬間讓你的Chrome變成記事本浙芙!PS:已被自己的英語水平帥哭登刺,誰叫我們都是過了六級的人呢?
通過snippet載入jquery
給沒有jquery的網(wǎng)站暫時性加載上jqueryvar fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", 'http://cdn.bootcss.com/jquery/1.11.3/jquery.js')
document.getElementsByTagName("head")[0].appendChild(fileref)
在Element標(biāo)簽下,ctrl + f 搜索框里南窗,可以用 css 選擇器來查找揍很。
選擇一個DOM元素廊宪,按下H鍵,隱藏元素
ctrl+shift+f打開搜索,可以在所有source中搜索女轿,再也不用擔(dān)心找不到j(luò)s片段了
在source中查找某個js文件:Ctrl/Command+G,(tips:這種方法很惡心的是會在輸入框中默認(rèn)加了冒號)
在當(dāng)前js文件中查找某個方法:Ctrl/Command+shift+O(這個很nice)
另外的一個技巧是,想輸出的時候北救,表達(dá)式不加逗號就行了
12306購買火車票時選擇上/中/下鋪荐操。
F1查看所有的快捷鍵
List of Chrome URLs
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --user-agent="Android"
測試手機(jī)版網(wǎng)頁