JS deprecated document.write for loading scripts caused by defer missing

[casesolved-co-uk]

When testing frappe using automated browser (chrome) testing, the below error was received from the console.

Errors for the following bundles:

• libs
• desk
• list
• form
• controls
• report
• telemetry
• erpnext
• hrms
• report

This is caused by puppeteer setcontent using document.write.
The errors can be cured by adding the defer attribute to the script tag in jinja_globals.py include_script function.

Logged here: puppeteer/puppeteer#12476

Context information (for bug reports)

Output of bench version

v16 develop

Should probably change these to be set via innerHTML:

frappe/frappe/public/js/frappe/microtemplate.js

Lines 165 to 180 in 1b025c7

	w.document.write(html);
	w.document.close();
	}),
	(frappe.render_tree = function (opts) {
	opts.base_url = frappe.urllib.get_base_url();
	opts.landscape = false;
	opts.print_css = frappe.boot.print_css;
	opts.print_format_css_path = frappe.assets.bundled_asset("print_format.bundle.css");
	var tree = frappe.render_template("print_tree", opts);
	var w = window.open();
	if (!w) {
	frappe.msgprint(__("Please enable pop-ups in your browser"));
	}
	w.document.write(tree);

Steps to reproduce the issue

1. install puppeteer
2. use it for automated load of the html from a frappe page using page.setcontent(html)

Related: https://developer.chrome.com/blog/removing-document-write

Stacktrace / full error message

A parser-blocking, cross site (i.e. different eTLD+1) script, /assets/frappe/dist/js/desk.bundle.KQ2KIVUJ.js, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 for more details.