Is it possible to interact with inputs or other elements in an iframe?
Loadster’s browser scripts reference elements using a selector. Whenever you want the bot to click on a button, type text into a form input, or choose an option from a list, you’ll need to use a selector to point to the element you’re interacting with.
But ordinary selectors only work in the scope of a single HTML document. That’s why Loadster supports special
iframe selectors for resolving an element nested within an iframe.
iframe selectors are necessary when you’re scripting against a site that has important interactive elements in iframes, like
a Stripe payment form or a nested video player. Because a document inside an iframe has its own DOM tree, a normal selector wouldn’t
find the nested element without a little help.
To resolve a selector within an iframe, your selector will need to specify the iframe itself as a parent element, and then reference the element inside it with an ordinary sub-selector.
Examples of iframe selectors
Let’s say you have a video player nested inside an iframe, and you want the bot to click the play button of this video player. You’ll need to resolve the play button by first specifying the parent iframe, and then the play button itself.
That works great if the iframe always has the same name, but what if the iframe’s name changes every time like a Stripe form?
In this case you can use the CSS-style
^_ selector to match an iframe whose name starts with a certain string.
You can also use other standard CSS selectors to reference the iframe, like its ID or class name. Just treat it like a normal element.
Keep in mind that the bot will only be able to resolve elements inside iframes if you specify the iframe as an element first,
like in the above examples. Also keep in mind that a normal browser won’t respect these
iframe selectors, they are a custom
extension for Loadster’s browser bots.