Javascript ist Toll!

30. Oktober 2012 - 18:22

Firefox Screenshots

Update 25.2.2023:Der Befehl wurde endgültig aus der Konsole entfernt und steht über eine Tastenkombination (STRG+SHIFT+S) zu Verfügung. Das ist für die meisten Nutzer sicher auch einfacher.

Update 3.5.2022:Da Mozilla vor hatte die Konsole zu entfernen es aber dann doch nicht tat, hatten sie den Befehl etwas geändert, um die Konsolenbefehle von denen zu unterscheiden, die zu der Webseite gehören (... mehr). Die Konsole befindet sich jetzt im "Entwicklerwerkzeug" im Menü Extras. Dort kann man im Reiter Konsole den Befehl eintippen. Diesmal ohne URL:

:screenshot --fullpage

Update 19.8.2013: Die Syntax dieses Features hat sich mittlerweile geändert, leider wird dies im Hilfetext in der aktuellen Version (22.0) nicht erwähnt. Um den hier beschriebenen Screenshot zu machen, muss der Befehle so lautet:

screenshot jstruebig.de --fullpage

Mit dem neuen Firefox 16 lassen sich nun Screenshots von Internetseiten anfertigen, ohne das dafür ein AddOn nötig wäre. Egal ob die komplette Seite oder auch nur Teilbereiche davon. Dieses neue sehr nützliche Werkzeug versteckt sich in der Entwicklerkonsole.

Geöffnet wird die Konsole entweder über das Menü Extras > Web-Entwickler > Entwickler Symbolleiste (komische Übersetzung) oder mittels Shortcut ([Umsch]+[F2]). Daraufhin öffnet sich eine Eingabekonsole am unteren Fensterrand.

Wenn dort help eingegeben wird, werden alle Befehle aufgelistet, die die Konsole momentan beherrscht. Ich möchte hier an dieser Stelle nur auf den Befehl screenshot eingehen.

Die Eingabe von:

screenshot test

speichert direkt den sichtbaren Teil dieser Seite mit dem Namen test.png im aktuellen Download Verzeichnis ab. Die Schnappschüsse werden also png Datei gespeichert.

Wenn die komplette Seite gespeichert werden soll, müssen noch zwei weitere Parameter übergeben werden:

screenshot jstruebig.de 0 true

Die Null ist die Dauer der Verzögerung, bis der Screenshot erstellt wird und true gibt an, dass die komplette Seite gespeichert werden soll. Weitere optionen können mit help screenshot angeziegt werden:


Die Hilfeseite des Befehls screenshot

Kategorie: Browser / Comments (0) / 9471 mal gelesen
27. Oktober 2012 - 20:54

Tween Beispiele

Das Tween Objekt

Ich vertiefe hier noch einmal die Verwendung meines Tween Objektes. Hier zeigt sich, wie einfach und effektiv es sich nutzen lässt. Der Code um eine Animations zu erzeugen ist sehr kurz und wie ich finde auch übersichtlich.

Auf der Seite ist ein Animationsobjekt, das mit zwei Animation erzeugt wurde. Mit Hilfe eines Formulares können einige Parameter verändert und diese Animationen in unterschieldichster Weise gestartet werden.

Beispielcode

[... weiterlesen]
Kategorie: Javascript, Skripte / Comments (0) / 4602 mal gelesen
22. Juni 2012 - 11:13

Tween(2)

Die Technik um mit Javascript eine Bewegung zu animieren hatte ich in einem älteren Artikel bereits beschrieben und kündigte dort eine Fortsetzung an. Doch das Skript, was ich dort verwendet habe, hat sich im Umgang als etwas sperrig erwiesen, daher habe ich es nun komplett neu geschrieben.

Die neue Tween-Klasse kann nun deutlich mehr.
Mit ihr ist es möglich mehrere Elemente gleichzeitig oder auch mehrere Animationen parallel oder hintereinader zu benutzen. Der Animationsablauf läßt sich mit Events steuern. Dazu habe ich in das Skript eine kleine Event Klasse integriert.

Und das Tween Objekt läßt sich auch als Basisklasse für eigene Tweenobjekte benutzen. Es ist aber nicht auf Geschwindigkeit optimiert, trotzdem ist die Animationsgeschwindigkeit (gefühlt) ganz passabel.

[12.10.2012] Das Skript wurde mittlerweile mehrfach überarbeitet und ist dadurch was Funktionalität und Geschwindigkeit angeht deutlich besser geworden.

[... weiterlesen]
Kategorie: Javascript, Skripte / Comments (0) / 6709 mal gelesen
15. Juni 2012 - 17:35

WordPress und Javascript

In der letzten Zeit durfte ich mich etwas intensiver mit WordPress beschäftigen und bin dabei einer Lösung eines alten Problems auf die Spur gekommen.

Seit anbeginn hat mich WordPress hier im Blog genervt, weil es Javascript Code der innerhalb von Artikeltext eingebaut ist, mit internen Funktionen vor der Ausgabe so verändert, dass er nicht mehr lauffähig ist. Ich hatte schon 2008 darüber gebloggt und konnte zwischenzeitlich zumindest den Aufwand bei Updates deutlich verringern

Das Problem war, dass eine Funktion mit den Namen convert_chars() doppelte && Zeichen umwandelt. Da diese in JS das logische-Und sind funktioniert Javascript Code nicht mehr. Denn diese Funktion wird auf jeden Artikel Text angewandt. So wurde bei in Artikel eingebetteten Javascript Quellcode aus && immer && und folglich für den Browser fehlerhaft. Bisher habe ich bei jedem update die Funktion im Code von WordPress geändert. Was lästig ist.

Dabei wäre das Problem einfach zu lösen gewesen nur ich wußte bisher nicht wie. Im Template Verzeichnis kann in der Datei functions.php Einfluss auf das Verhalten von WordPress ausgeübt werden. Unter anderem können bestimmte Events verhindern werden. Um zu verhindern, dass z.b. die oben gennante Funktion aufgerufen wird, muss lediglich folgende Zeile in die Datei eingefügt werden:

remove_action('the_content', 'convert_chars');

Und auch das Plugin Text Control, das ich bisher benutzt habe, läßt sich komplett einsparen, mit den folgenden drei Zeilen:

remove_action('the_content', 'convert_chars'); 
remove_action('the_content', 'wptexturize'); 
remove_action('the_content', 'wpautop');

Schon kann problemlos auch JS Code in die Artikel eingefügt werden.

Kategorie: Wordpress / Comments (2) / 3510 mal gelesen
16. Februar 2012 - 12:07

GoodBye Google

Es macht ja nun schon einige Zeit die Runde, dass Google sich eine neue Datenschutzbestimmung zulegt. Hauptsächlich wird dies damit begründet, dass die vielen Dienste, die Google anbietet, damit alle Vereinheitlicht werden, bzw. deren AGB.

Die sogenannte Datenschutzerklärung ist online in einer Vorschau einsehbar. Was ich mich beim durchlesen zuerst gefragt habe, worin besteht hier der Schutz? [... weiterlesen]

Kategorie: Internet, Meinung / Comments (2) / 3331 mal gelesen
Powered by WordPress Stop Spam Harvesters, Join Project Honey Pot
marketing-bankruptcy
marketing-bankruptcy
marketing-bankruptcy
marketing-bankruptcy