操作方法
启动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浏览器开发者工具的一部分,它还有更加强大的功能。