首先搞清楚为什么会出现这个东西,明明编写的js代码符合规范,并且也都声明了,怎么还会出现这个问题,我也查看了许多的资料,包括csdn的及其github上的,最终都没有的到一个解决的方案,无意间发现了解决的方案,顺便记下来,以便给有这个问题的各位程序员兄弟们提供方法。
以下为代码(并没有其他规范问题)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="box">哈哈</div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<div class="wrapper">我是wrapper</div>
<script>
var bodyEl=document.body
var childEl=bodyEl.children
console.log(childEl)
var childElfirst=bodyEl.firstElementChild
console.log(childElfirst)
</script>
</body>
</html>
报错的结果:
但是还是会正确的显示结果
所以解决的就只是下面这个(当然也可以不解决,但是后期不知道会不会有影响)
Uncaught ReferenceError: MutationEvent is not defined
at e (VM69 content.js:2:169)
at VM69 content.js:7:33
at VM69 content.js:61:414
at VM69 content.js:61:419
我就是单纯看它不爽,然后解决
解决方法--》找到自己浏览器上的设置--》拓展(拓展程序)--》找到篡改猴--》关闭掉--》回到网页刷新--》完美解决
后续要是有其他方案会持续更新