Get full page content including iFrames (for node version)

[adnan-ahmed]

Hi!
I understand that we can get page content from the artifacts.json after running lighthouse (artifacts.json[MainDocumentContent]). However, I was wondering if there's a way to dump the HTML content from the iframes as well in the website. If not, anyone please point me to how I could implement it?

best

[adamraine]

I don't think this is currently possible. We do have an artifact for iframe elements, but it doesn't contain the iframe contents. You could look at modifying the code yourself though:

lighthouse/lighthouse-core/gather/gatherers/iframe-elements.js

Lines 19 to 35 in b83573b

	function collectIFrameElements() {
	// @ts-expect-error - put into scope via stringification
	const iFrameElements = getElementsInDocument('iframe'); // eslint-disable-line no-undef
	return iFrameElements.map(/** @param {HTMLIFrameElement} node */ (node) => {
	const clientRect = node.getBoundingClientRect();
	const {top, bottom, left, right, width, height} = clientRect;
	return {
	id: node.id,
	src: node.src,
	clientRect: {top, bottom, left, right, width, height},
	// @ts-expect-error - put into scope via stringification
	isPositionFixed: isPositionFixed(node), // eslint-disable-line no-undef
	// @ts-expect-error - getNodeDetails put into scope via stringification
	node: getNodeDetails(node),
	};
	});
	}