Chrome浏览器的JavaScript控制台

作者:如沐春风 | 创建时间: 2023-03-26
Chrome是Google公司开发的一款浏览器,功能比较强大,各种插件和扩展比较丰富,下面我们来看一下如何使用Chrome浏览器的Javascript控制台。...
Chrome浏览器的JavaScript控制台

操作方法

启动Chrome浏览器,打开需要调试的网站。

Chrome浏览器的调试功能十分强大,我们可以点击控制按钮,选择控制工具,然后在点击Javascript控制台,也可以按Ctrl+Shift+J启动控制台。

Javascript控制台有主要的3个按钮。 1-Clean Console log 清除控制台的日志。

2-Filter 可以过滤掉调试过程的错误警告信息等记录,可以很方便的查找记录。 Filter记录可以用正则式来查看,可以查看Erros(错误),Warnings(警告),Info(信息),Logs(日志),Debug(调试)信息。

3-Preserve log 勾选此选项,可以在重新加载或者浏览的过程中保存原有的日志。

此外在调试过程可以使用命令来记录或者显示信息。 例如 console.log  ——控制台输出。 console.clear——控制台清除。 console.info ——控制台信息。 console.error——控制台错误。

然后我们可以根据Filter来查看调试的窗口信息,定位错误和解决问题。当然js控制台只是Chrome浏览器开发者工具的一部分,它还有更加强大的功能。

点击展开全文

更多推荐