JS控制台——调试

290 阅读1分钟

控制台作用及如何使用:(如下图)

![](https://upload-images.jianshu.io/upload_images/24142585-3989cd9786fc6b62.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
网页控制台

调出控制台:

(1)使用快捷键F12可调出控制台。

(2)长按ctrl+shift+i 可调出控制台。

(3)在网页中单击右键出现属性栏在里面找到**"检查"**可调出控制台。

控制台常用属性解析:

**(*)Elements:**基本属性;

表示所有的js元素,显示HTML整体框架,显示css属性。

**(*)Console:**控制台;

1.console.log:在控制台输出

2.console.dir:比log输出的更加详细一些。

3.console.table:把JSON数据展示成为一个表格。

4.console.error:错误信息。

5.console.info:信息。

**Sources:**断点,计算数据

**(*)Network:**网络

ALL:所有网络请求。

XHR:Ajax

WS:长链接

Manifest: 应用缓存

Performance:录屏

Mamory:快照

注意事项:调控台只能修改当前网页,不能修改源代码。

![](https://upload-images.jianshu.io/upload_images/24142585-51d82775177f8c0b.gif?imageMogr2/auto-orient/strip)
点个赞再走呗^_^