Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.5k views
in Technique[技术] by (71.8m points)

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的函数,结果为不行。直接死循环。

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

window.postMessage


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...