浏览器中的小知识

1.快速编辑HTML元素

在Elements面板,鼠标双击需要打开的DOM元素标签,就可以编辑它，完成之后会自动更新页面和关闭标签。
还是在Elements面板按下ctrl + F 或 F3 ,在搜索栏里输入自己想要查找的内容，如果存在，就会在DOM中，用不同的颜色标出。

2.快速定位行和列

在sources面板中，选择相应的js或css文件，按下ctrl + o ，在选择指定的文件中使用“:行数:列数”，可以快速定位到相应的行和列。

3.展开所有子节点

选择”Elements”面板，选择DOM元素，在带有剪头的地点按住Alt +点击鼠标左键,可以展开所有子节点。

4.多个光标编辑

如图，在js文件中当像同时编辑几个地方时，可以按住ctrl ,鼠标左键点击添加光标，如果添加失误，可以用ctrl + U，撤销最后一个添加的光标。

5.使用$0获取当前元素

在”Element”面板中选择DOM元素,然后在console中输入$0可以获取当前元素

6.运行预定义的代码片段

在左侧边栏中选择: Sources > Snippets,右键选择New，新建文件，命名后，可以再里面输入代码片段，然后在文件名上右击，在弹出的菜单中选择Run,就可以运行了。

7IE8不支持CSS3的很多新特性，不过我们可以使用一些比较成熟的hack方法，

我采用的是CSS3 PIE，它支持的特性有这些：border-radius、box-shadow、border-image、multiple background images、linear-gradient等。
如果你在前端代码中使用了HTML5的新标签（nav/footer等），那么在IE中这些标签可能无法正常显示。我使用html5shiv
使用以下标签改为IE7 也行
<metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/>