chrome插件content-script如何发送消息到inject-script?

问题描述

chrome插件中,content-script如何将数据写进inject创建的div中。

问题出现的环境背景及自己尝试过哪些方法

最近在做一个chrome插件,类似划词翻译。用户在chrome任何页面划词选定词之后,将选定的词到百度翻译接口获取数据,然后在将翻译后的数据渲染到原先页面添加的div上。

技术是采用chrome插件的格式做的,采用inject到content-script到background的模式传递用户选取的词,然后将background通过百度翻译接口获取的数据原路返回至创建的div。

尝试的方法:

1.将获取的翻译的数据在content-script中直接渲染到inject创建的div中,结果是无法显示正确结果div中只有一个空字符串。
2.将获取的翻译的数据在content-script中通过window.postMessage函数发到inject中,inject用监听message的函数,结果为不行。直接死循环。
阅读 2.5k
1 个回答

window.postMessage

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题