1.快速編輯HTML元素
在Elements面板,鼠標(biāo)雙擊需要打開的DOM元素標(biāo)簽,就可以編輯它除嘹，完成之后會(huì)自動(dòng)更新頁面和關(guān)閉標(biāo)簽继谚。
還是在Elements面板按下ctrl + F 或 F3 ,在搜索欄里輸入自己想要查找的內(nèi)容，如果存在，就會(huì)在DOM中，用不同的顏色標(biāo)出。
2.快速定位行和列
在sources面板中靖榕，選擇相應(yīng)的js或css文件，按下ctrl + o 顽铸，在選擇指定的文件中使用“:行數(shù):列數(shù)”茁计，可以快速定位到相應(yīng)的行和列。
3.展開所有子節(jié)點(diǎn)
選擇”Elements”面板谓松，選擇DOM元素星压，在帶有剪頭的地點(diǎn)按住Alt +點(diǎn)擊鼠標(biāo)左鍵,可以展開所有子節(jié)點(diǎn)践剂。
4.多個(gè)光標(biāo)編輯
如圖，在js文件中當(dāng)像同時(shí)編輯幾個(gè)地方時(shí)娜膘，可以按住ctrl ,鼠標(biāo)左鍵點(diǎn)擊添加光標(biāo)逊脯，如果添加失誤，可以用ctrl + U竣贪，撤銷最后一個(gè)添加的光標(biāo)军洼。
5.使用$0獲取當(dāng)前元素
在”Element”面板中選擇DOM元素,然后在console中輸入$0可以獲取當(dāng)前元素
6.運(yùn)行預(yù)定義的代碼片段
在左側(cè)邊欄中選擇: Sources > Snippets,右鍵選擇New，新建文件演怎，命名后匕争，可以再里面輸入代碼片段，然后在文件名上右擊爷耀，在彈出的菜單中選擇Run,就可以運(yùn)行了甘桑。
7IE8不支持CSS3的很多新特性，不過我們可以使用一些比較成熟的hack方法畏纲，
我采用的是CSS3 PIE扇住，它支持的特性有這些：border-radius、box-shadow盗胀、border-image、multiple background images锄贼、linear-gradient等票灰。
如果你在前端代碼中使用了HTML5的新標(biāo)簽（nav/footer等），那么在IE中這些標(biāo)簽可能無法正常顯示宅荤。我使用html5shiv
使用以下標(biāo)簽改為IE7 也行
<metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/>
