老铁们，大家好，相信还有很多朋友对于谷歌浏览器js没报错和谷歌浏览器js没报错怎么回事的相关问题不太懂，没关系，今天就由我来为大家分享分享谷歌浏览器js没报错以及谷歌浏览器js没报错怎么回事的问题，文章篇幅可能偏长，希望可以帮助到大家，下面一起来看看吧！

本文目录

1. 谷歌浏览器video自动播放无效解决方法
2. 谷歌浏览器怎么调试js
3. chrome浏览器屏蔽了js代码的执行
4. chrome如何添加js插件
5. js为什么不起作用

一、谷歌浏览器video自动播放无效解决方法

1、方案一从360软件管家中下载360急速浏览器，或者火狐等非IE内核浏览器尝试方案二设置默认浏览器如果IE浏览器无法正常使用可以尝试使用360极速等非IE内核的浏览器尝试并且将其设置为默认浏览器1打开360安全卫士，点；具体两种解决方法如下第一种1，Videojs是一个通用的在网页上嵌入视频播放器的 JS库，Videojs自动检测浏览器对 HTML5的支持情况，2，如果不支持 HTML5则自动使用 Flash播放器第二种1，通过使用原生的；1首先，我们将vedio标记ltvideo lt video添加到页面，然后向其添加内容2，必须添加视频路径，添加视频，ltsource src=“”，这样的视频介绍在这里，我们需要定义视频的格式 TYPE=“视频 MP4”3，默认情况；这是chrome的规定，其他浏览器也会跟进的解决办法就是音频静音，引导用户点击播放声音如果没有这个规则，打开音视频站自动播放自然很爽，打开普通站立刻来点音频广告就很不爽了；目前除了微信内置浏览器，其他的移动端浏览器只能让用户触发事件去播放video如点击播放按钮或者监听document的触摸事件；interact with the document first的报错这是因为浏览器限制了，video标签非事件的自动播放不过，video标签可以设置autoplay属性不过，当手动刷新页面后发现自动播放，仍然失效了于是，就需要通过js模拟点击事件去播放。

2、HTML5 video是影片标签，可以在浏览器中很容易的插入影片，还能够设定影片长宽增加影片播放控制列是否自动播放是否自动重覆播放等功能，虽然使用HTML5 video影片标签来播放影片相当的容易，但现阶段要考虑浏览器的支援；那么这些预加载网页在哪里取消，谷歌浏览器怎么关闭预加载网页，为此本篇介绍以下方法1首先在联想电脑，win7系统中，打开谷歌浏览器1023版本2在谷歌浏览器页面，点击右上角的三个点3在选项窗口，点击设置。

3、更换成videojs插件一直提示无法找到视频文件正确路径，无法播放原因在于视频播放需要在DOM加载完毕，并且获取到后端返回的视频播放地址之后才可以正确播放video，英语单词，主要用作名词形容词动词，作名词时意为视频，录。

4、video tag你到网上找个ogg视频文件，用播放器放一下，确认视频没问题，再试下，如果还不行，就是浏览器的版本问题了。

5、谷歌浏览器对百度影音的插件支持不好，我的chrome查看网页的时候侧边的长度条经常看不见，chrome用的是非IE的内核，有些插件和网页是兼容不好的，但是我还是喜欢用chrome；Adobe Flash Player等插件通常并没有统一的标准，且无法像标签页般沙盒化这些通常需要执行在浏览器本身的安全等级或更高的等级为了降低被攻击的风险，插件是在与不同的处理程序中被执行以上内容参考百度百科Google。

6、因为谷歌浏览器本身就不支持自动播放，所以每次打开就会提示不支持自动播放谷歌认为自动播放会打扰用户，避免出现第一次打开陌生网站被声音吓到的尴尬情况Google Chrome是一款由Google公司开发的网页浏览器，该浏览器基于其他开；文件 MPEG4=带有 H264视频编码和 AAC音频编码的 MPEG 4文件 WebM=带有 VP8视频编码和 Vorbis音频编码的 WebM文件因此，你使用的chrome浏览器不支持你所播放的视频编码，而ie则支持就会出现这种情况；最新谷歌浏览器需要先使用静音才能自动播放如果播放不需要声音，可以设置静音属性，然后有自动播放属性就可以自动播放了如果还是需要声音，可以在播放后设置属性值取消静音。

二、谷歌浏览器怎么调试js

首先我们打开开发者工具，你可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式： Ctrl+Shift+I(或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。

  打开的开发者工具就长下面的样子，建议大家将开发者工具弹出作为一个独立的窗口：

这个就是查看、编辑页面上的元素，包括HTML和CSS：

  左侧就是对页面HTML结构的查看与编辑，你可以直接在某个元素上双击修改元素的属性，或者你点右键选;Edit as Html;直接对元素的HTML进行编辑，或者删除某个元素，所有的修改都会即时在页面上得到呈现。(注：看到上面右键菜单的最后一个选项;审查元素了么?这是不是说明这个开发者工具的页面也是HTML来的呢?你点一下就知道了哦，嘿嘿)

你还可以对某个元素进行监听，在JS对元素的属性或者HTML进行修改的时候，直接触发断点，跳转到对改元素进行修改的JS代码处：

  Elements标签页的右侧可以对元素的CSS进行查看与编辑修改：

  你还可以通过这里看到各CSS选择器设置的CSS值的覆盖情况。

下面的Metrics可以看到元素占的空间情况(宽、高、Padding、Margin)

  注意到上面的Properties没有?这个很有用哦，可以让你看到元素具有的方法与属性，比查API手册要方便得多哦(要注意某些方法和属性在IE、FireFox等其他浏览器下面的支持情况哦)。

  Resources标签页可以查看到请求的资源情况，包括CSS、JS、图片等的内容，同时还可以查看到存储相关的如Cookies、HTML5的Database和LocalStore等，你可以对存储的内容编辑和删除。

这里的CSS文件有一个好玩的特性，你可以直接修改CSS文件，并且修改即时生效哦：

  Network标签页对于分析网站请求的网络情况、查看某一请求的请求头和响应头还有响应内容很有用，特别是在查看Ajax类请求的时候，非常有帮助。注意是在你打开Chrome开发者工具后发起的请求，才会在这里显示的哦。

点击左侧某一个具体去请求URL，可以看到该请求的详细HTTP请求情况：

  我们可以在这里看到HTTP请求头、HTTP响应头、HTTP返回的内容等信息，对于开发、调试，都是很有用的。

很明显，这个标签页就是查看JS文件、调试JS代码的，直接看下图的说明：

  还有你可以打开Javascript控制台，做一些其他的查看或者修改：

  你甚至还可以为某一XHR请求或者某一事件设置断点：

注意这个Timeline的标签页不是指网络请求的时间响应情况哦(这个在Network标签页里查看)，这个Timeline指的JS执行时间、页面元素渲染时间：

  点击底部的Record就可以开始录制页面上执行的内容。

这个主要是做性能优化的，包括查看CPU执行时间与内存占用：

这个对于优化前端页面、加速网页加载速度很有用哦(相当与Yslow)：

  点击run按钮，就可以开始分析页面，分析完了就可以看到分析结果了

  它甚至可以分析出页面上样式表中有哪些CSS是没有被使用的哦：

  这个除了查看错误信息、打印调试信息(console.log())、写一些测试脚本以外，还可以当作Javascript API查看用。

例如我想查看console都有哪些方法和属性，我可以直接在Console中输入;并执行：

  怎么样，一目了然了吧?再例如我想查看日期函数都有哪些方法：

  (注：注意在这里看到的某些方法和属性是ES5新增的，记得兼容其他浏览器的支持情况哦)

Google Chrome除了简洁、快速，现在的Chrome的插件也非常的丰富了。而对于web开发者来说，Chrome对于HTML5、CSS3等一些新标准的支持也是比较完善的，而且Chrome的开发者工具我个人认为真的非常好用，这就是为什么我向web开发者推荐使用Chrome的原因。

三、chrome浏览器屏蔽了js代码的执行

只要重新启用即可。操作方法和步骤如下：

1、首先，打开Chrome浏览器的“设置”选项，如下图所示。

2、其次，完成上述步骤后，拉到底部，单击“高级”按钮，如下图所示。

3、接着，完成上述步骤后，单击“网站设置”选项，如下图所示。

4、然后，完成上述步骤后，单击“ JavaScript”选项，如下图所示。

5、最后，单击“允许（推荐）”按钮，如下图所示。这样，就不会屏蔽js代码的执行了，问题解决了。

四、chrome如何添加js插件

1、下载插件的安装包，或者手动编译文件后缀为.crx的插件安装包。

2、启动浏览器后，点击界面右上方的扳手图标，依次点击“工具”、“扩展程序”。

3、把本地的插件安装包直接拖曳到“扩展程序”的页面中即可进行安装。浏览器会自动识别并安装该安装包。

4、注意：由于插件可能存在安全问题，目前大多数的Chrome内核不再支持该方法进行安装，此时可以提交到谷歌Chrome浏览器插件中心进行添加。

五、js为什么不起作用

1、你的js代码要想运行有效，必须满足两个条件：一、jQuery必须加载完毕；二、页面的DOM结构必须加载完毕。如果把代码放到head，那么这时候jQuery和你的代码几乎是同时加载的，当你的代码运行时，jQuery很可能尚未加载完毕，这样条件一就很可能不满足；其次，这时候HTML的body尚未加载，这样条件二也不满足，所以代码运行无效。如果把代码放到body中所有标签的最后面，当你的代码运行时，jQuery和DOM都肯定已加载完毕，所以是有效的。

2、其实把你的js代码放到head中也是可以的，但必须放到load事件函数中，即这样：

3、<script src=""></script>

4、$("div:contains('a')").css("text-decoration","underline");

好了，本文到此结束，如果可以帮助到大家，还望关注本站哦！