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"/>