For my project, I want to be able to dynamically load in a page other local pages of my wiki using iframes. As I only need the content of the pages (no header, footer etc.), I wanted to use the Mediawiki API instead of the src attribute for performance issue.
I get the <head> of the page with prop = headhtml in the API. However, a large part of styles and scripts are then not loaded.
This is because headhtml from API is incomplete as you can see when you compare for instance the source code of https://www.mediawiki.org/wiki/API:Parsing_wikitext and the corresponding headhtml from API : https://www.mediawiki.org/w/api.php?action=parse&format=json&page=API%3AParsing%20wikitext&prop=headhtml
Interestingly, <title>API:Parsing wikitext - MediaWiki</title> becomes <title> - MediaWiki</title>, which is not a problem for me.
But within first <script> tags, scripts disappear:
RLSTATE={"ext.gadget.site-styles":"ready","ext.globalCssJs.user.styles":"ready","site.styles":"ready","noscript":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":
"loading","ext.translate":"ready","ext.translate.tag.languages":"ready","mediawiki.hlist":"ready","mediawiki.apipretty":"ready","ext.pygments":"ready","skins.vector.styles":"ready","mediawiki.ui.icon":"ready","jquery.makeCollapsible.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.echo.styles.badge":"ready","oojs-ui.styles.icons-alerts":"ready","ext.uls.pt":"ready","ext.wikimediaBadges":"ready","wikibase.client.init":"ready"};RLPAGEMODULES=["site","mediawiki.page.ready","jquery.makeCollapsible","mediawiki.toc","skins.vector.js","mediawiki.page.watch.ajax","ext.gadget.site","ext.gadget.collapsibleTables","ext.gadget.tabbedwindow","ext.gadget.logo-voting","ext.gadget.Edittools","ext.centralauth.centralautologin.clearcookie","mmv.head","mmv.bootstrap.autostart","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.init","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.compactlinks","ext.uls.interface",
"ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.translate.pagetranslation.uls","wikibase.client.linkitem.init"];
becomes:
RLSTATE={"site.styles":"ready","noscript":"ready","user.styles":"ready","user":"ready","user.options":"loading","ext.translate":"ready","ext.translate.tag.languages":"ready","mediawiki.hlist":"ready","mediawiki.apipretty":"ready","ext.pygments":"ready"};
Same for stylesheets:
<link rel="stylesheet" href="/w/load.php?lang=en&amp;modules=ext.echo.styles.badge%7Cext.pygments%2Ctranslate%2CwikimediaBadges%7Cext.translate.tag.languages%7Cext.uls.pt%7Cext.visualEditor.desktopArticleTarget.noscript%7Cjquery.makeCollapsible.styles%7Cmediawiki.apipretty%2Chlist%7Cmediawiki.ui.icon%7Coojs-ui.styles.icons-alerts%7Cskins.vector.styles%7Cwikibase.client.init&amp;only=styles&amp;skin=vector"/>
becomes:
<link rel="stylesheet" href="/w/load.php?lang=en&amp;modules=ext.pygments%2Ctranslate%7Cext.translate.tag.languages%7Cmediawiki.apipretty%2Chlist&amp;only=styles&amp;skin=vector"/>
Am I missing something? How would you load a local page in an iframe?