扶摇的博客

eval5连续多级的对对象进行赋值报错：undefined的问题。

之前不了解关于页面数据通信存在同源和跨域的问题。最近恰好遇见跨域页面通信无效的问题，查询了一些资料记录一下，也为之前的两篇文章做下内容补充

作为一名假前端，css在我眼里是一个非常神奇的东西。我只会想页面上的内容需要以什么方式展示，但是不知道怎么用css去实现，或者说不知道css里面有哪些技术可以实现。最近发现css中伪类的一个用法，特意查询了一下，感觉很有趣，记录一下。 请允许我先暂且叫它们css伪类， 后来我通过查阅相关的资料发现css伪类和css伪元素是两种不同的东西。 在css3中，按照规范使用单冒号（:） 表示伪类，使用双冒号（::） 表示伪元素：

浏览器插件升级mv3版本后，不能再使用向原浏览器（top）注入script标签达到注入脚本的目的。浏览器认为插入未经审核的脚本是不安全的行为。

浏览器插件在content_script和top窗口之间进行消息通信

示例扩展API版本MV2。以弹出窗口（popup）和背景页面（background page）为例。在浏览器中，弹出窗口（popup）和背景页面（background page）之间可以通过消息通道进行通信。但是，由于安全限制，弹出窗口不能直接访问背景页面的文件系统或进行文件传输。然而，可以使用一些方法来实现弹出窗口向背景页面传输文件，就是在popup页面将文件转为base64的字符串格式向background传输，然后再将base64重新转为file对象，达到传输文件的目的。

需要注意的是通过**chrome.browserAction.setPopup**设置后的popup页面不会直接改变，重新打开popup图标页面改变。实际上通过控制页面元素实现popup页面切换，是一种伪切换，从视觉上达到了切换效果，实际上还是一个popup.html。不需要在manifest里单独配置browser_action，通过所在的页面决定使用哪一个popup.html页面。这种方式popup.html的路径会直接改变，页面也会随着改变，不需要重新打开popup或者重新加载页面.

为了避免跨域一般是在background执行一些跨域的请求（如获取一些html文本、请求一些跨域api），但是请求之后通过message反复的进行消息通信进行数据处理无疑是非常麻烦的！解决DOM交互和任意JS代码的执行就能完成大部分功能了。老的扩展项目使用的是mv2版本的API，计划升级mv3版本的时候遇到了下面的问题，这些问题对老项目的影响非常大，所以这里特此记录一下。但是，扩展又不能完全的禁用掉js的执行，所以有了下面在content引入eval5来帮助执行一些js代码和完成解析DOM的操作。

页面注入的JS脚本和Content Script（内容脚本）的通信

别想了！访问不到。content与页面只共享DOM元素的访问，不能访问到页面内方法 & 对象属性。通常地，content采用脚本注入的方式来实现对原生页面上方法 or 对象属性的访问！

content向background发送消息后的异步消息返回。popul与content & background的消息通信这里不描述，异步消息的处理方式是相同的。重点关注一下backgroun接收到消息后的异步返回处理。