I'm trying to make my extension create an iframe which its src tag direct to an svg file which is located at the extension files. something like <iframe src="chrome://trail/content/onpagegui.svg"></iframe>
Whenever I do it I get the following error: Security Error: Content at http://... may not load or link to chrome://trail/content/onpagegui.svg. (I think that's cause of the same origin policy)
I tried all kind of ways to solve this problem, among them I tried to use resource: instead of chrome: as suggested at How can a Firefox extension inject a local css file into a webpage? but I can't make it work either cause I'm trying to embed an svg instead of a css or because I just don't get it... btw as much as I understood from MDC, resource: is for javascript codes and not css, am I right? is this solution workable?
I also tried to build the entire iframe and svg just by javascript, that cause tons of other issues to appear...
Is there any way to embed that .svg file into the newly created iframe?
Thanks a lot in advance, Yonatan