The iframe base64 in the generated page is too large, resulting in a blank page

[zhang-glitch]

When downloading this website, the base64 url generated for the iframe in the pop-up section is too large, causing the pop-up section to not be displayed.

generated page

Then convert the base64 url to a blob url and you can display it directly.

const base64Url = ""
const iframe = document.querySelector('iframe');
iframe.src = base64Url // blank

// base64 url to blob url
var byteCharacters = atob(base64Url.split(',')[base64Url.split(',').length - 1]);
var byteNumbers = new Array(byteCharacters.length);
for (var i = 0; i < byteCharacters.length; i++) {
    byteNumbers[i] = byteCharacters.charCodeAt(i);
}
var byteArray = new Uint8Array(byteNumbers);
console.log(base64Url.split(',')[0].split(":")[1]);
var file = new Blob([byteArray], { type: base64Url.split(',')[0].split(":")[1] });
var fileURL = URL.createObjectURL(file);

iframe.src = fileURL // display

base64 url，blank

blob url , display

[zhang-glitch]

website URL： https://cms.demo.fastadmin.net/admin.php/index/login

[gildas-lormeau]

Thank you, I implemented an optimization where the top-level frames will use Blob URIs as source instead of data URIs when self-extracting the page. It should fix the issue you described (I was not able to test it with the URL of the website). The fix will be available in the next version of SingleFile. In order to be compliant with MV3 among other things, SingleFileZ has been merged into SingleFile and is not maintained anymore.