浏览器及代码调试

1、 常用浏览器

  javascript代码都是通过浏览器来运行的，所以借助浏览器来调试js代码有助于提高解决问题的能力。也可以说是一种必备开发能力。

  市面上主流的浏览器主要有：

   window系统的：chrome浏览器、firefox浏览器、IE浏览器

   MAC OS系统的：safari浏览器（苹果电脑）

2、浏览器console对象

 Console对象是浏览器内置对象，用于显示信息。

常用方法：

 console.info()   一般信息

 console.debug()  除错信息

  console.warn()    警告信息

 console.error()   错误信息

 console.log()      提示信息

使用console对象除了输出普通文本，还可以输出对象。这些输出不会显示到HTML页面，仅显示到调试窗口。

3、浏览器调试

 浏览器调试面板快捷键F12

console面板 ：用于信息输出，并且可运行js代码。

network面板：用于网络请求调试。

Elements面板：用于html和css调试。

Scources面板：用于javascript调试。

  调试步骤

  1.设置断点 ------2  F10快捷键 逐步调试