Visual Studio与Chrome调试工具使用技巧

Chrome f12:

1、Ctrl + P (查找文件)

2、左下角{} (格式化js源码)

3、Shift + Color (不同颜色表达方式切换,如rgb、十六进制)

4、Ctrl + G (到指定行)

5、Ctrl + \ 或者 F8 继续运行

6、console中定义的函数与变量将成为全局变量,一直生效

7、Shift + Enter console中添加换行

详细介绍可参考:1、基础介绍 2、实用技巧 3、高级功能

8、chrome 控制台的功能(参考Chrome 控制台console的用法

  a、$0~$4则代表了最近5个你选择过的DOM节点

  b、copy(obj)函数复制结果到剪切板

  c、keys(obj)和values(obj)返回对象的属性名与属性值(与for ... in 类似)

 

VS:

1: Ctrl + Enter (在光标指定位置的上面添加一行,并将光标移至新添加行的行首位置)

  Ctrl + Shift + Enter (在光标指定位置的下面添加一行,并将光标移至新添加行的行首位置)

2: Ctrl + Shift + L (删除当前行)

3: Ctrl + M + O (折叠所有的函数)

  Ctrl + M + P (展开所有的函数


5: Tab (增加缩进)

  Shift + Tab (减少缩进)

6: Ctrl + E + S (查看空白 -- 将空格转换为绿色的点,在查找多余的空格时尤为方便)

7:   Shift + 左右方向键 (以字符为单位向左或向右选中代码)

   Ctrl + Shift + 左右方向键 (以单词为单位向左或向右选中代码)

   Ctrl + 左右方向键 (以单词为单位向左或向右移动光标)

 

8: Ctrl + Tab (切换VS中的不同文件窗口)

   Alt + Tab (切换Windows的不同窗口)

9:Ctrl + E + D (对当前页VS中的代码块进行格式化) ,选中VS中的代码 然后 Ctrl + E + F (对选中的代码段进行格式化)

10: Ctrl + B + T (标记当前行)

   Ctrl + B + P (将光标移动到前一个标记行)

   Ctrl + B + N(将光标移动到后一个标记行)

   Ctrl + B + C (移除所有的标记行)

   Ctrl + W + B (列出所有的标记行,即:打开一个新的窗口,若想打开更多的小窗口请点击VIEW)

【注:标记行可以标记我们所关注的代码段,从而实现不同代码段的切换,例如我想比较两端代码段的异同,或者参照某段代码实现新的功能。当然也肯定不会忘 Ctrl + A, Ctrl + C, Ctrl + V, Ctrl + X, Ctrl + Z, Ctrl + S】

11、 Ctrl + G (跳转到指定行)

12、 F12 转到定义

    Shift + F12 查找所有引用

    Ctrl + Shift + F 查找所有字符

 

posted @ 2015-06-02 16:00  Matt_Cheng  阅读(915)  评论(0编辑  收藏  举报