Ha valaki is fejlesztett már, vagy optimalizált weboldalt kütyüre (iPad/iPhone/Android), tisztában van azzal, hogy mennyire fájdalmas a Javascript debuggolása. Talán még iOS eszközökön a legegyszerűbb, hiszen ott van egy beépített Javascript konzol, de ez sem az igazi.
Ezért ma pár perc alatt összedobtam egy eszközt, amivel megkönnyíthető az alkalmazásfejlesztés. Pár sor Javascriptet szükséges beszúrni az oldalak HTML kódjába, és szükség van egy PHP-t futtató webszerverre, gondolom aki webapp fejlesztésre adja a fejét, rendelkezik ilyennel.
Tehát a Javascript:
console.log = function(data) {
var url = 'console.php';
if (typeof data == 'object') {
var tmp = '';
var key;
for (key in data) {
tmp += key + ':' + data[key] + ':,:';
}
data = tmp.substring(0, tmp.length - 1);
tmp = null;
}
var req = new XMLHttpRequest();
req.open('POST', url, true);
req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
req.send('msg='+data);
};
A rém egyszerű PHP kód pedig:
public function console($data) {
$data = explode(':,:', $_POST['msg']);
file_put_contents($this->CNF->siteroot.'gen/console.txt',
'['.date('Y-m-d H:i:s').'] '."\n", FILE_APPEND);
foreach($data as $item) {
file_put_contents('console.txt',
$item."\n", FILE_APPEND);
}
}
Mindenki használja saját belátása szerint.
Tipp: tail -f console.txt real-time mutatja a log fájlt, priceless.