记一次编写tampermonkey脚本出错日记:failed! Cannot read properties of undefined (reading 'addEventListener')

原创 阁主  2022-06-28 08:33:54  阅读 5143 次 评论 0 条
摘要:

记录一次自己编写油猴脚本遇到的问题和解决办法,这是我自己编写的第一个油猴脚本,有需要的小伙伴也可以安装使用→清览题库导出题目

原因

因为有了需求,所以第一次编写tampermonkey(油猴)脚本,都是百度慢慢一点点写的,但是呢在本地网页加载后将编写好的代js代码加载到console,可以完成我想要的效果,但是呢移植到油猴平台就不行,一直报错,报错如下图,最后发现居然是油猴在加载我编写的js脚本时,整个网页的元素还没有完全加载网站完成,导致检测不到这个对应的节点按钮元素,addEventListener就无法读取监测。很遗憾的就如下图给我报错了一个:ERROR: Execution of script 'xxx' failed! Cannot read properties of undefined (reading 'addEventListener')

错误信息.png

大家也可以看看我的代码,写得比较简陋,不太会前端,代码水准不要吐槽我。

代码.png

解决方法

最后我的解决方法就是将想要实现功能的代码写在window.onload内,这个方法用于在网页加载完毕后立刻执行的操作,即当 HTML 文档加载完毕后,立刻执行某个方法。下面就是我修改后的代码,可以成功运行。

解决代码.png

最后解决效果也尽如人意。

效果.png总结

总的来说,只要前端经验好一点的,基本上都能第一时间反应知道怎么解决,也就是说归根结底我前端掌握得不行,看来以后要多学习学习前端知识了。

本文地址:https://www.mainblog.cn/275.html
版权声明:本文为原创文章,版权归 阁主 所有,欢迎分享本文,转载请保留出处!
免责申明:有些内容源于网络,没能联系到作者。如侵犯到你的权益请告知,我们会尽快删除相关内容。

评论已关闭!