大家好，谷歌浏览器控制台vue相信很多的网友都不是很明白，包括谷歌浏览器控制台怎么打开也是一样，不过没有关系，接下来就来为大家分享关于谷歌浏览器控制台vue和谷歌浏览器控制台怎么打开的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！

本文目录

1. 谷歌浏览器vue调试
2. vue页面 打开ie控制台导致页面卡住如何解决

一、谷歌浏览器vue调试

我们在使用vue.js框架开发项目过程中，需要进行代码调试，可以借助于谷歌浏览器vue插件vue-devtools。但是很多用户不知道该如何进行Vue调试，小编整理了一下具体的操作步骤，接下来一起来看看吧~

1、首先我们需要打开VisualStudioCode工具，使用git命令下载一个Vue项目。

2、执行npminstall命令安装相关依赖包，然后使用项目运行命令，开始启动项目。

3、在启动项目时候，打开谷歌浏览器控制台，可以防线在上面没有Vue选项出现。

4、等待项目启动完毕。再次打开页面，这时候可以看见谷歌浏览器上面出现Vue按钮。

5、点击上方Vue按钮，可以查看到有关Vue的相关版本以及相关事件和属性。

6、再次返回到VisualStudioCode工具，打开一个vue页面代码，在一个按钮事件中添加debugger字样。

7、再次返回谷歌浏览器中，在上方找到Sources选项。然后找到对应的代码并打上断点。

8、点击右侧断点的情况页面，发现没有进入到断点中。

9、点击相关的断点图标，将断点激活，然后点击如下图所示按钮，进入调试阶段。

10、这时候发现页面上方出现断点调试图标，点击图标，然后进行一步步调试。

可能你还想了解：谷歌浏览器adobeflashplayer已被屏蔽解决方法|谷歌浏览器突然打不开网页解决方法

以上就是谷歌浏览器vue调试方法介绍了。

二、vue页面 打开ie控制台导致页面卡住如何解决

1、在一个vue项目中，由于项目需要兼容到IE9+，在IE测试时发现无论怎么刷新页面都不出来，按了F12打开控制台刷新后又加载正常。

2、某些版本的IE(IE8~11)由于脚本保护机制不开控制台是没console对象的，当不支持这个对象时，就会抛出异常停住，这时我们会打开控制台看错误信息，但是打开刷新后页面就会正常更新了。

3、在html中增加console的polyfill，暂用空函数来保证不会报错:

文章分享结束，谷歌浏览器控制台vue和谷歌浏览器控制台怎么打开的答案你都知道了吗？欢迎再次光临本站哦！