Tampermonkey/油猴/暴力猴编写监听/修改iframe内容

前言

需要一定js/css/油猴代码基础
具体油猴代码可参考油猴api文档查看

获取iframe并不实用

通常查询js获取/修改iframe内元素是使用

const iframe = document.querySelector('iframe')
const iframeDoc = iframe.contentWindow || iframe.contentDocument

再以iframeDoc调用dom Api
但通常会遇到跨域问题导致iframeDoc获取不到，后续自然无法运行

解决方案

但我们现在并不是写自己的js项目，而是利用油猴添加操控dom的脚本。
故而可以利用油猴的一些特性，很简单：
编写脚本时将@match匹配iframe的url即可，之后代码运行环境就是iframe内网页的环境，而不是浏览器url的环境。
具体代码示意如截图