谷歌浏览器扩展开发,怎么样才能调用网页的JS函数

发布网友发布时间：2022-04-30 02:30

共1个回答

热心网友时间：2022-04-23 11:08

我摘抄了一段官方文档中关于这一点的解释：

Execution environment
Content scripts execute in a special environment called an isolated world. They have access to the DOM of the page they are injected into, but not to any JavaScript variables or functions created by the page. It looks to each content script as if there is no other JavaScript executing on the page it is running on. The same is true in reverse: JavaScript running on the page cannot call any functions or access any variables defined by content scripts.

摘自：网页链接

其中提到了 content scripot 的执行环境和页面原来的直用环境其实并不是同一个环境，而是一个隔离的环境，他们相互之间并不影响。也就说你访问不了原来页面里的变量，原来的页面也访问不了你新创建的变量。

但是，我们可以通过另外的方法与原页面通信，可以参考上文官方链接中 Communication with the embedding page 这节内容。

另外，还有一种办法，content script 执行在隔离环境，但 content script 可以通过 js 动态插入另一个 <script> ，这个script 并不受*，从而曲线实现。

各种方案略有差异，还需根据各自的需求来选择。

追问

解决方法就是写好JS，然后转义压缩为字符串，然后利用script对象添加，是不是这样的

追答请问你问题中第一个截图的 html 是作为扩展里的 popup page 吗？
chrome 扩展中有要求， html 中的标签上不能出现 js，必须做成页面和js分离的形式，然后通过标签引入到 html 页面中。

如果不可避免，调试时，chrome 在console 里会报错，并提供一个依据代码算出的 sha 字符串，设置到 manifest.json 中。目的是基于安全考虑，为了防止扩展在用户端被串改。