请问下如何使用浏览器插件访问到网站中的iframe的document元素并操作,解决跨域?

问题遇到的现象和发生背景

使用浏览器插件获取iframe并控制点击事件

问题相关代码,请勿粘贴截图
运行结果及报错内容

出现跨域提示

我的解答思路和尝试过的方法

更改谷歌浏览器的快捷键,但是我并不想这么操作

我想要达到的结果

插件的话不是往父页注入js,iframe同时也注入js,然后通过postMessage通信即可
postMessage API


注入js文件参考
利用chrome插件,向页面中注入js脚本_九段刀客的博客-CSDN博客_向加载好的网页注入js脚本 缘由我的电脑插入耳机后外音不会自动关闭,然后在realtek高清晰音频管理器里面设置还是没有用,然后我就想到大概是最近win10经常更新,然后这个管理器版本不对导致的,于是就去realtek官网打算下载个最新的,然后。。。点go按钮没反应,习惯性的f12看一下,发现控制台报错jQuery的问题,然后我到Network里看了一下,发现cdn的方式引入jquery加载失败https://code.jquery.com/jquery-1.12.4.min.js那么真相只有一个,jQuery引入失败,我就 https://blog.csdn.net/weixin_35958891/article/details/107712677

简单示例
chrome扩展实现跨域通信示例_JavaScript/Ajax开发技巧_Web开发网
chrome扩展实现跨域通信示例_JavaScript/Ajax开发技巧_Web开发网 https://www.w3dev.cn/article/20220321/chrome-extension-cross-domain-communication-demo.aspx

img

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632