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

本文目录

1. vue video谷歌浏览器播放异常
2. vue浏览器兼容性问题ie9 ie10 edge
3. 谷歌浏览器vue调试
4. 谷歌浏览器怎样添加vue插件
5. 谷歌浏览器如何添加vue插件 谷歌浏览器添加vue插件的步骤
6. vue 项目在ie浏览器的兼容问题
7. vue.js不兼容哪些低版本的浏览器

一、vue video谷歌浏览器播放异常

1、一直提示无法找到视频文件正确路径，无法播放。原因在于视频播放需要在DOM加载完毕，并且获取到后端返回的视频播放地址之后才可以正确播放。

2、video，英语单词，主要用作名词、形容词、动词，作名词时意为视频，录像，录像机，电视。作形容词时意为视频的，录像的，电视的，作动词时意为录制。

二、vue浏览器兼容性问题ie9 ie10 edge

1、首先要说的是：vue不支持 IE8及其以下版本，因为 Vue.js使用了 IE8不能模拟的 ECMAScript 5特性，比如Object.defineProperty()此方法就会报错，如下图：

2、所以，用vue尽量去做那些不需要兼容ie8及其以下版本的浏览器的项目。当然了，也许你有其它方法去兼容ie8,费时费力？自己权衡吧。下边要说的是vue在兼容ie9---到 edge这几个版本浏览器上的问题。

3、报错：ReferenceError:“Promise”未定义，原因是：Promise是es6的新语法，ie9和一些低版本的高级浏览器对es6新语法并不支持。

4、解决办法：npm install--save-dev babel-polyfill

5、 babel-polyfill正确安装后，main.js里引用：import"babel-polyfill";

6、这个情况是用指令修改页面标题的错误,如下

7、 ie浏览器提示属性找不到，具体的情况，总之如果要修改页面标题，用别人说的一个方法吧，如下

8、修改标题就ok了，在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插件

我们在使用谷歌浏览器的时候，都会添加各个插件来实现各种功能提高我们的效率，比如Vue插件就很不错，这个是一套用于构建用户界面的渐进式框架，但是很多用户还不知道谷歌浏览器怎样添加vue插件吧，针对此问题，本文给大家带来谷歌浏览器添加vue插件的教程吧。

谷歌浏览器Chrome是由Google开发设计的一款简单、安全高效的浏览器，也是目前最受用户欢迎的电脑版网页浏览器。谷歌浏览器最新版基于更强大的JavaScriptV8引擎，这是其他Web浏览器所无法比拟的。谷歌浏览器最新稳定版，非常适合追求简单稳定的朋友下载安装。

1、首先打开谷歌浏览器，在右上角找到“三个点”主菜单按钮并点击，在出现的列表中点击“更多工具”选项，在出现的第二个小列表中选择“扩展程序”并点击进入。

2、在扩展程序窗口中，将右上角“开发者模式”勾选上。

3、用github全网搜索“IMI-SOURCE-CODE”项目，然后在搜索列表中找到“20190411153543chromecj.com.crx”文件夹并下载。

4、将下载好的下载好的文件夹，拖入谷歌浏览器中。

5、最后敲击f12按键，打开调试工具，就可以看见上方有Vue选项啦。

关于谷歌浏览器怎样添加vue插件就为大家介绍到这里了，通过上面的方法就可以添加成功了，小伙伴们可以尝试看看吧。

五、谷歌浏览器如何添加vue插件 谷歌浏览器添加vue插件的步骤

1、首先打开谷歌浏览器，在右上角找到“三个点”主菜单按钮并点击，在出现的列表中点击“更多工具”选项，在出现的第二个小列表中选择“扩展程序”并点击进入。

2、在扩展程序窗口中，将右上角“开发者模式”勾选上。

3、用github全网搜索“ IMI-SOURCE-CODE”项目，然后在搜索列表中找到“ 20190411153543chromecj.com.crx”文件夹并下载。

4、将下载好的下载好的文件夹，拖入谷歌浏览器中。

5、最后敲击f12按键，打开调试工具，就可以看见上方有Vue选项啦。

六、vue 项目在ie浏览器的兼容问题

1、说明：This will emulate a full ES2015+ environment and is intended to be used in an application rather than a library/tool. This polyfill is automatically loaded when using babel-node.（模拟ES2015以上的环境，主要用于对ES6新语法不支持的浏览器）；

2、安装： npm install--save babel-polyfill；

3、配置： module.exports={ entry: ["babel-polyfill","./src/main.js"]};

4、main.js中配置： import'babel-polyfill'//放在最顶部，确保全面加载。

1、说明：若在项目中使用了ES6 promise对象，它在Chrome、Safari浏览器下可以正常运行，但在360兼容模式、IE内核中不支持；

2、安装： npm install es6-promise；

3、配置：在main.js中加入 require('es6-promise').polyfill()，用于在node或浏览器中支持ES6与CommonJS。

1、index引入这句话或者这三句话

2、执行 npm install--save babel-polyfill；

执行完上面语句package.json里面就有了这个依赖（检查2部是否执行完成的一个结果）

3、最上面引入，确保加载进去。

4、修改entery里面的内容改成下图那样

当把这些攻略都做了一遍后，发现打包完的360的急速模式可以了（本地运行还是不可以），但是！！！ie浏览器，360兼容模式，不管打包还是没打包，都不能显示，完全没有加载进去数据，如下图

查询后发现，是因为IE没有这个方法，不支持sessionStorage，解决的方法是：IE本地调试用cookie，或者用webstrom打开项目，但我确实用的webstorm打开的项目，还是不可以，后来找到解决方法，要把es6转es5！

然后， npm run dev，居然可以了适配了。

七、vue.js不兼容哪些低版本的浏览器

ie8 Safari某些移动端，如果你做移动开发的话躲在移动开发看看。

编程是编写程序的中文简称，就是让计算机代为解决某个问题，对某个计算体系规定一定的运算方式，是计算体系按照该计算方式运行，并最终得到相应结果的过程。

为了使计算机能够理解人的意图，人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机，使得计算机能够根据人的指令一步一步去工作，完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。

汇编程序。使用汇编语言编写计算机程序，程序员仍然需要十分熟悉计算机系统的硬件结构，所以从程序设计本身上来看仍然是低效率的、繁琐的。但正是由于汇编语言与计算机硬件系统关系密切，在某些特定的场合，如对时空效率要求很高的系统核心程序以及实时控制程序等，迄今为止汇编语言仍然是十分有效的程序设计工具。

计算机对除机器语言以外的源程序不能直接识别、理解和执行，都必须通过某种方式转换为计算机能够直接执行的。这种将高级编程硬件程序设计语言编写的源程序转换到机器目标程序的方式有两种:解释方式和编译方式。

文章到此结束，如果本次分享的vue兼容谷歌的浏览器和vue支持的谷歌浏览器版本的问题解决了您的问题，那么我们由衷的感到高兴！