Dans mes fichiers de test j'utilise souvent des commentaires pour tester qu'une fonctionnalité de code.

Par exemple pour tester une api :

// Obtenir le livre #1
api_get('books/1');

// Ajouter un livre
api_add('books', $datas);

Je test généralement chaque élément séparement.

Pour tester la première portion de mon code :

//* Obtenir le …

Pour rechercher directement dans le code source une modification précise, j'utilise la commande suivante :

git log -p -S 'display'

Pour activer l'inspecteur web tapez dans le terminal :

defaults write com.apple.Safari WebKitDeveloperExtras -bool true

Redémarrez Safari et maintenant vous pouvez inspecter les éléments de vos pages web.

http://www.jsfiddle.net/ Pratique pour tester un code html / css / js

http://www.jsperf.com/ Pour faire des performances de code js

http://www.pastebin.com/ Pour copier coller du code facilement

Pour savoir quel élément est cliqué j'utilise ce petit bout de javascript :

function checkclick(e) {
    e = e || window.event;
    var o = e.target || e.srcElement;
    console.log(o);
}
document.onclick=checkclick;

Pratique pour faire du débug.

Faire un système de protection (tel que htaccess) direct dans un fichier PHP :

<?php
if (!empty($_SERVER["PHP_AUTH_USER"]) &&
$_SERVER["PHP_AUTH_USER"] == "login" &&
$_SERVER["PHP_AUTH_PW"] == "password") {
    // code protégé ici
} else {
    header('WWW-Authenticate: Basic realm="Restricted area"');
    header('HTTP/1.0 401 Unauthorized');
    exit('Access Denied');
}

Attention l'utilisation du htaccess n'est pas recommandée …

Après avoir perdu 2h… J'ai découvert que la methode attr() de jQuery fonctionne pas avec l'attribut "onclick"…

Edit : Avec jQuery pour modifier le contenu d'un onclick il faut faire .attr('onClick','valeur') ou faire de la façon suivante.

Remplacer donc :

var mavar = 'fonctionAffichage();';
$("#code").attr("onclick","mavar");

Par :

var mavar …

J'ai toujours eu pas mal de soucis lors d'impression de différentes documentations…

J'utilise souvent la balise <pre> pour les lignes de commandes et il n'y a pas de retour à la ligne fait automatiquement pour cela un petit css permet de faire les retours à la ligne lorsque la page …