Access cross-domain iframe elements like in Optimizely

Question

I'd like to be able to manually select text from cross-domain iframe with javascript on the frontend.

I know it's pretty difficult to achieve such result as the use of postMessage is required if I decided to use a 100% javascript solution. I'm opened to backend solutions (either php or nodejs)

Optimizely can access any dom element from the page, I'd like to understand how they are doing it. Is it because the user needs to install a widget on his website first? If yes, how does it works exactly?

Here's an example: example

@JaromandaX WebExtensions are for Firefox. I'd like to do something similar to what Optimizely does as mentioned in my message. But I'd just need to be able to select text and selector. — Bractar, Apr 12 '19 at 04:44
WebExtensions are for Chrome, Firefox has copied the API from Chrome - what browser are you using? — Jaromanda X, Apr 12 '19 at 04:53
@JaromandaX ah I see. Would I need to maintain a different code for each browser? I'd like to build something cross-platform (minus IE) — Bractar, Apr 12 '19 at 15:55
Although answering a different original question, checkout [#2 of this answer](https://stackoverflow.com/a/5240214/11030368). — asametrical, Apr 18 '19 at 23:57

score 1 · Answer 1 · answered Apr 19 '19 at 00:03

Reproduced from #2 of this answer:

Let's say you want to create an experiment on http://www.mypage.com ... The Optimizely Editor loads http://www.mypage.com inside an iframe and uses window.postMessage to communicate with the page. This only works if that page already has a snippet like [<script src="//cdn.optimizely.com/js/XXXXXX.js"></script>] on it. If that's not the case, the editor will timeout while waiting for a message from the iframe'd page, and will load it again via a proxy that actually inserts the snippet onto the page. This loading process allows the editor to work with pages that a. contain an account snippet b. do not contain an account snippet, or c. sit behind a firewall (c. requires the snippet.)

Access cross-domain iframe elements like in Optimizely

1 Answers1