Kategorien
Webdeveloper Tools

Hintergrund-Tapeten Tool für Webseiten

Ein sehr nettes und kostenloses Online Tool um Tapeten-Hintergründe für die eigene Homepage zu erstellen, d.h. vorgegebene Bilder, die sich endlos wiederholen und wenig Speicherplatz belegen: bgpatterns.com und stripegenerator.com

Meine eigene Webseite habe ich auch mit so einem Hintergrund versehen, schick oder?

Kategorien
Webdeveloper Tools

Tote Links auf der Webseite finden mit Xenu’s Link Sleuth

Mit dem fabelhaften und kostenlosen Desktop-Tool Xenu’s Link Sleuth für Windows ist es sehr einfach möglich tote (ins leere führende) Links zu finden. Der Programmierer Tilman Hausherr wohnt zufällig direkt um die Ecke in Berlin Schöneberg, wie ich erfahren habe, vielen Dank nochmal für das Tool!

Die Installation über die setup.exe ist schnell erledigt unter Windows. Dann kann über File->Check Url eine Webseitenadresse angegeben werden, die dann überprüft wird. Es sollte darauf geachtet werden, dass das Tool naturgemäß viel Traffic verursacht auf der Webseite, da es alle Seiten der Webseiten und die verlinkten Seiten außerhalb besucht. Es ist also sinnvoll das Programm nicht zur Hauptzugriffszeit zu starten.

Oberfläche und Ergebnisse von Xenu's Link Sleuth
Kategorien
Hardware Webdeveloper Tools

Hotkeys und Fusspedal Unterstützung beim Programmieren mit Netbeans

Um Zeit zu sparen und nervige Standard-Tastaturbefehlen und -ketten zu automatisieren, habe ich mir einen USB Fußschalter mit 3 Tasten gekauft und bin sehr zufrieden.

Damit ist es möglich einfache Shortkeys auf die 3 Fusspedale zu legen.

Ich will im folgenden Zeigen, wie man mit Netbeans folgenden Ablauf auf eine Taste/eine Pedale legen kann:

  1. Speichern der Datei in Netbeans: STRG+S
  2. Wechseln zum Firefox
  3. Aktualisieren des Firefox: F5

Kategorien
Apache Webserver PHP SEO Webdeveloper Tools

Profiling mit XDebug und Webgrind

Wenn die Performance einer Webseite nachgibt, stellt man sich oft die Frage, an welche Funktion/Modul liegt der Performanceverlust? Die Lösung ist das Profiling einer Webseite.

Profiling beschäftigt sich der Analyse der Funktionsaufrufe eine Webseite. Es kann dadurch analysiert werden, welche Teile sehr lange brauchen oder welche Funtionen doppelt aufgerufen werden.

Profiling sollte nicht auf einem Produktivsystem ausgeführt werden, weil die Performance einbricht und Ausgaben sichtbar sind. Übrigends: Wer seine Webseite schneller macht, SEO optimiert gleichzeitig.

Kategorien
PHP Webdeveloper Tools

Installieren von XDebug unter Netbeans

XDebug ermöglicht es ein Programm zur Laufzeit zu debuggen und Step by Step.

Dazu sollte als erstes das folgende Tool verwendet werden für die Installation um die richtige Version zu installieren:

  1. XDebug Installations Hilfe Tool
  2. Zur Kontrolle kann nach der Installation das Tool noch mal verwendet werden und es sollte unter Xdebug installed: 2.x anzeigen
  3. php.ini Einstellungen anpassen:
    xdebug.remote_enable=onxdebug.remote_handler=dbgp
    xdebug.remote_host=localhost
    xdebug.remote_port=9000
    xdebug.remote_log=" \xampp\htdocs\xError.log"
  4. Danach sollte geteste werden, ob der Port 9000 freigegeben ist mit dem folgenden Script:
    $address = '127.0.0.1';
     $port = 9000;
     $sock = socket_create(AF_INET, SOCK_STREAM, 0);
     socket_bind($sock, $address, $port) or die('Unable to bind');
     socket_listen($sock);
     $client = socket_accept($sock);
     echo "connection established: $client";
     socket_close($client);
     socket_close($sock);
  5. Danach kann in Netbeans mit Debug Projekt (STRG+F5) und einem Breakpoint das passende Projekt debugt werden. Wenn es nicht klappt, muss die URL im Browser manuell angepasst werden:http://localhost/class.php?XDEBUG_SESSION_START=netbeans-xdebug
Kategorien
JavaScript Webdeveloper Tools

Javascript Debbuging mit Firebug

Javascript ist nicht einfach zu programmieren und zu debuggen. Die einfachste Möglichkeit Variablen zu überwachen ist diese mit alert auszugeben.

alert($var);

Die Methode stößt natürlich bei mehreren Variablen und Schleifen an seine Grenzen, weil es zu einer Klick-Orgie kommt.

Die beste und einfachste Möglichkeit bietet Firebug, ein Plugin für Firefox, welches jeder Web Developer standardmäßig installiert haben sollte. Damit lassen sich mit dem console.log Befehl Objekte, Arrays und Variablen auf der Firebug Konsole ausgeben.

console.log($array);

Weitere Funktionen sind:

  • Performance Messung von Javascript Funktionen
  • Stack Tracing inklusive der Input Variablen der Funktionen auf dem Stack mit console.trace()
  • Object Inspection mit console.dir()
Kategorien
CodeIgniter Framework PHP Webdeveloper Tools

CodeIgniter debuggen mit FirePHP

Codeignitor macht einem das debuggen nicht einfach, weil bei einem normalen printf oder var_dump() Ausgaben die komplette Seite nicht geladen wird und es nur einen Serverfehler zurückgibt. Deshalb wird der Entwickler gezwungen, sein Projekt ordentlich zu debuggen, es gibt mehrer Möglichkeiten:

  1. per Logfile
  2. nutzen der oben benannten Funktion und danach ein die()
  3. XDebug, was aber lokal einfach möglich ist
  4. FirePHP für den Firefox
  5. per Codeigniter Profiler

Die Installation von FirePHP in Codeignitor ist sehr gut hier beschrieben.

Die Debug Informationen können mit folgendem Code in der Firebug Konsole ausgegeben werde:

$this->firephp->log('Message');

Der sehr gute Codeigniter Profiler kann mit dem folgenden Befehl aktiviert werden:

            $this->output->set_header("Cache-Control: no-store, no-cache, must-revalidate");
            $this->output->set_header("Cache-Control: post-check=0, pre-check=0");
            $this->output->set_header("Pragma: no-cache");
            $this->output->enable_profiler(TRUE);