Archiv der Kategorie: JavaScript

Performance in Javascript messen

An bestimmten Stellen im Code – diejenigen, die den Kernablauf des Programms betreffen folgende Funktion aufrufen:

function printPerformanceDebugMessage() {
	if (!beginOfMeasurement) beginOfMeasurement = Date.now();
	
	var durationFromBeginning = Date.now() - beginOfMeasurement;

	console.println("Sekunden seit Messungsbeginn: " + durationFromBeginning/1000);
	console.trace();
	console.println();
}

Javascript in WordPress einbinden

Plugin: inline-javascript

Suche in Plugins nach „inline-javascript volcano“ und installiere das. So wird’s eingebunden – einfacher geht’s nicht:

[inline]
[script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"][/script]
[script type="text/javascript"]
(...)
[/script]
[/inline]

Denke an Disable wpautop!

Beim IT Freelancer Magazin habe ich das schon erfolgreich eingebunden: https://www.it-freelancer-magazin.de/index.php/2017/08/10/groessenverhaeltnisse-der-top10-freelancer-agenturen-auf-einen-blick/

Sowohl die Vorschau als auch die öffentliche Vorschau haben das TreeMap-Diagramm korrekt angezeigt!

Der Visual-Editor von WordPress ist aber wegen irgendwelchen Sonderzeichen Gift für die Javascript-Einbindung. Zusammen mit dem automatischen sichern, kann es passieren, dass die Javascript-Anwendung auf der entsprechenden WordPress-Seite total zerstört wird. Daher nicht in Visuellen-Editiermodus wechseln.

Plugin: Scripts n Styles

Eigene Skripte werden in Scripts untergebracht.

Gängige Bibliotheken werden unter Include Scripts eingebunden.

Seltene Bibliotheken können in Scripts mit reingepackt werden:

Eigene Skripte, die seltene Bibliotheken benutzen, müssen in die /Body Textarea eingebunden werden, wobei die Bibliothek in die /Head-Textarea einbunden werden muss. Hat leider nur in Chrome zuverlässig funtkioniert. In Firefox und IE hat das Error in die Konsole geworfen und das eigene Skript wurde nicht ausgeführt.

var jQueryScript = document.createElement('script');  
jQueryScript.setAttribute('src','https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js');
document.head.appendChild(jQueryScript);