Debug Javascript example

Since 7.5.2 you can enable that the advanced iframe messages that are normally displayed in the Javascript console are displayed in a div and not in the browser console anymore. In the setting you can define where the div is shown. Please use this setting if you have problems on Android or IOS because there it is quite hard to get on the infos displayed in the Javascript log. The debug console is only shown once independent of the numbers of iframes you have on the page but always displayed below the first one if you choose to display the debug console below the iframe. Important: You need to use the external workaround with postMessage (see the external workaround tab) if you also want to get the messages from the page in the iframe!

The example below shows a wrong configuration of resize on element resize on the same domain.

Advanced iframe debug console - l: local messages, r: remote messages (pro only).

[advanced_iframe securitykey="your key" use_shortcode_attributes_only="true" src="{site}/wp-content/plugins/advanced-iframe/example/example_dynamic_26.html" onload_resize="true" width="800" height="100" resize_on_element_resize="#wrong-element" resize_on_element_resize_delay="100" id="example26" debug_js="bottom" ]

You should only use this to find errors on mobile devices. For a PC it is easier to look into the Javascript console. You can open it on most browsers with F12. Messages of advanced iframe do only appear in the debug div or in the browser console!