问题描述
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的函数,结果为不行。直接死循环。
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…