Chrome浏览器的JavaScript控制台

Chrome是Google公司开发的一款浏览器，功能比较强大，各种插件和扩展比较丰富，下面我们来看一下如何使用Chrome浏览器的Javascript控制台。

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

赞 (0)

相关推荐

  • 手机 Chrome 浏览器禁用指定网站的 javascript

    手机版 Chrome 浏览器(即谷歌浏览器)的操作远不如电脑上桌面版的更让人觉得熟悉.比如在桌面版中非常容易的禁用网站 javascript 功能,在手机版上要多费一些周折才能实现. 在本中,先关闭安 ...

  • mac chrome快捷键有哪些?Chrome浏览器for mac实用快捷键大全

    超实用超齐全的chrome浏览器(谷歌浏览器)快捷键分享给我们的各位朋友,最近一直在使用 MAC 机器,感觉很不错,只是有很多操作不适应,找不到地方,特别是 Chrome 的快捷键操作,下午就详细的查 ...

  • chrome浏览器使用技巧

    chrome浏览器使用技巧

    如果你要用一种工具用几年,甚至十几年,那就现在开始用它,用的烂熟,那你可以将来的工作中节省掉很大一部分的时间.来源:segmentfault我还记得 18 年的时候,有一次小组开会,当时的老大说我的工 ...

  • 怎样为IE浏览器的javascript提速

    随着现在网页设计越来越多的应用javascript技术，而且浏览器的Javascript引擎运行速度也成为各大浏览器比拼性能的重要指标，各家浏览器厂商皆宣称他们的浏览器速度更快，希望搅动现存的竞争态势 ...

  • Chrome 浏览器4.1 正式版自动翻译工具

    /> Chrome浏览器顶部自动提示用户“是否需要翻译页面？” 北京时间3月19日消息，据国外媒体报道，谷歌周三发布了其Chrome浏览器4.1正式版(版本号为4.1.249.1036)；与以前 ...

  • Chrome浏览器隐私安全性测试

    互联网时代的网络生活，上网冲浪中浏 览器的使用是必不可少的。于是浏览器几乎成了几乎凡是跟网络相关的动作，都会使用到浏览器。当我们日复一日，年复一年地使用浏览器冲浪时，在浏览器上保存 了用户相当多的缓存 ...

  • 为IE浏览器的javascript提速

    随着现在网页设计越来越多的应用javascript技术，而且浏览器的Javascript引擎运行速度也成为各大浏览器比拼性能的重要指标，各家浏览器厂商皆宣称他们的浏览器速度更快，希望搅动现存的竞争态势 ...

  • chrome浏览器中的搜索引擎如何更换

    Google Chrome的特点是简洁、快速。Google Chrome支持多标签浏览，每个标签页面都在独立的“沙箱”内运行，在提高安全性的同时，一个标签页面的崩溃也不会导致其他标签页面被关闭。此 外 ...

  • Chrome浏览器的快捷键大全

    谷歌Chrome浏览器是最好的桌面浏览器，简洁和快速是Chrome的特点，这里小编搜集了Chrome浏览器的快捷键，供大家参考： 谷歌Chrome浏览器是最好的桌面浏览器，简洁和快速是Chrome的特 ...