如果我们想在content_script里执行目标页面的函数很容易写出下面的代码://content_script.jstest()//直接调用目标页面的函数但chrome是禁止这种访问方式的，所以我们要换一种间接的方式

先上图图中injected_script表示由content_script注入到页面的js，在这个js中通过dom操作的方式注入到原网页的js。

文章目录背景引入ifream解决ifream和父页面完全跨域问题参考链接背景浏览器插件升级mv3版本后，不能再使用content_script内容脚本向原浏览器（top）注入script标签达到注入脚本的目的

content_script和top窗口之间除了DOM共享之外，window对象是不共享的。如果content_script需要获得top窗口中window对象的数据，就需要使用到通信。

一、问题起因虽然谷歌在官方文档中声称content_script允许无限制的跨域访问，但实际上经过版本更新该特性已经被禁用，因此我们只能通过间接的方式实现跨域访问。

background和content_script可以通过console.log打印调试信息。

如果我们想在content_script里执行目标页面的函数很容易写出下面的代码://content_script.jstest()//直接调用目标页面的函数但chrome是禁止这种访问方式的，所以我们要换一种间接的方式

使用场景在开发Chrome插件时,有一种需求:要求在WEB页面显示一个浮动窗口(A),在此窗口中允许用Ajax方式调用另一个服务器上的一个页面(B)B页面上有独立的功能用JS写function来实现已知条件窗口A可以利用content-script.js动态生成窗口A中放置一个按钮,调用Onclick方法召唤出B页面,样例代码如下test具体实现的functionfunctionopenalert

首先分析一下，在上一次开发Chrome插件开发之制作豆瓣电台歌词，我们主要使用pageAction和content_script，但是chrome的browseractio

使用场景在开发Chrome插件时,有一种需求:要求在WEB页面显示一个浮动窗口(A),在此窗口中允许用Ajax方式调用另一个服务器上的一个页面(B)B页面上有独立的功能用JS写function来实现已知条件窗口A可以利用content-script.js动态生成窗口A中放置一个按钮,调用Onclick方法召唤出B页面,样例代码如下test具体实现的functionfunctionopenalert

chrome插件有三大运行空间N原生的网页的运行空间,在此空间里，你拥有js（content_script）的文件，去控制当前网页并且与其他空间进行通讯。S插件图标触发的网页空间（pou

如果我们想在content_script里执行目标页面的函数很容易写出下面的代码: //content_script.jstest() //直接调用目标页面的函数 但chrome是禁止这种访问方式的

chrome在一次更新之后，出于安全考虑，完全的禁止了content_script从https向http发起ajax请求，即使正常情况下也会在console里给出提示。

首先分析一下，在上一次开发Chrome插件开发之制作豆瓣电台歌词，我们主要使用pageAction和content_script，但是chrome的browseractio