博客列表 >Chrome 开发者工具Console面板的使用

Chrome 开发者工具Console面板的使用

hanyufeng的博客
hanyufeng的博客原创
2017年12月18日 09:46:391633浏览

熟悉Console(以及其它)面板的使用,可以在代码调试时节省不少时间,少写一些 alert 或 console.log

一、启动Chrome开发工具箱

按F12,或右击网页选择“检查”

二、转到Console面板

点击“Console”,可以在其中查看网页运行情况、调试脚本代码等。

调用函数:

可以输入js自带的函数或页面脚本中的函数进行输出或调试:

console1.png

查看脚本运行的提示(日志)

错误部分会以红色显示,连续重复的提示会在开头加上数字。

如果需要保留页面多次运行的提示信息,可以点击Console右上的设置图标(齿轮图标),选中“Preserve log”。

如果要保留Ajax代码的运行日志,选中“Log XMLHttpRequests”。

console.png


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议