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

Question

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

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

问题相关代码，请勿粘贴截图

运行结果及报错内容

出现跨域提示

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

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

我想要达到的结果

Answer 1

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

window.postMessage - Web API 接口参考 | MDN window.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议（通常为https），端口号（443为https的默认值），以及主机  (两个页面的模数 Document.domain设置为相同的值) 时，这两个脚本才能相互通信。window.postMessage() 方法提供了一种受控机制来规避此限制，只要正确的使用，这种方法就很安全。 https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage

注入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

Answer 2

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