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! Click/tab on the debug area to enlarge/shrink it.

You can also enable the Javascript debug console dynamically by adding ?aiEnableDebugConsole=true to your page! This is saved in a session cookie with the name aiEnableDebugConsole. It can be disabled again with ?aiEnableDebugConsole=false or closing the browser.

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
User agent: CCBot/2.0 (

Headers of
HTTP/1.1 200 OK
Date: Wed, 30 Sep 2020 19:39:20 GMT
Server: Apache/2.4.43 (Unix)
Last-Modified: Sun, 02 Feb 2020 15:58:44 GMT
ETag: "ec9-59d99e198d500"
Accept-Ranges: bytes
Content-Length: 3785
Content-Type: text/html

The page does exist and no X-Frame-Options header was found. But there can still be a iframe blocker script on this page. Go here for a full check.

[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!