jQueryLog new extension for debugging jquery (feedback request)

jquerylog · 13.12.2011, 21:55

Hello,

I'm sorry for posting this in English but I live in Luxembourg and am currently still learning both LB and DE So it must be in english.

I've just released this yesterday and I'm looking for reviews.
It's an edit to jQuery to allow chain logs for faster and simpler debugging.

Pretty much it allows to log both the selectors and return values when doing function chains on jQuery.

This project is pretty new so if you want to blog or tweet about it I would apreciate it, as with more ppl using it and more feedback flowing in I'll be able to perfect it.

One of the functionalities I wish to add in the future is throwing the logs via AJAX so you can debug stuff running on your users interface.

The project's site is http://www.jquerylog.com hope this can be usefull for many big jquery engineers such as myself. If you feel the examples on the page are not good enought please tell me so I can improve them (both here or as a comment on http://blog.jquerylog.com)

My idea is when having a bug in jquery I ended up doing the following
$("#foo").parents(".t1").find(".t2:last ."+someString+":last").text("test"); // chain with a bug

console.log("#foo");
console.log($("#foo"));
console.log(".t1");
console.log("$("#foo").parents(".t1")");
console.log(".t2:last ."+someString+":last");
console.log($("#foo").parents(".t1").find(".t2:las t ."+someString+":last"));

Writing this was very frustrating, as I guess many already went through it, I've edited jQuery and now released it so others can also use it.

The project's site is http://www.jquerylog.com hope this can be usefull for many big jquery engineers such as myself. If you feel the examples on the page are not good enought please tell me so I can improve them (both here or as a comment on http://blog.jquerylog.com )

/Francisco

jquerylog · 18.12.2011, 01:49

I've already had a great feed back from a guy at tutorials.de. So if you want you can search for the same post there

tr0y · 18.12.2011, 08:40

We did not honor multiposts, but i think we should respect your work and give this thread a chance to being alive here for spreading purposes. It would be a big plus if your source-quotes inside of your post are served with [code]-BBCodes.

Good luck.

Edit: You should recognize that your work is an jQuery-Extend and not an JQuery-Extension. Extension means that you did develope somekind of plugIn / AddIn for jQuery. To extend something means that you extend the current code-base of the served jquery-library. An Extension with those functionallity would be better as an "costumized" ( extended ! ) jQuery-Source, 'cause the maintenance process of both had been relocated in 2 deligiations and only the log-part of your code must be shared and maintained by you, not the complete jQuery-source.

Code:

    <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
#{if Play.mode.isDev()}
    <script type="text/javascript" src="jquery-log.plugin.js"></script>
#{/if}

Each Developer using CDN-Versions of Libraries will pray you for that feature.

Chriz · 18.12.2011, 16:24

Why don't you use an extension btw?

As far as I know, jQuery stores the selector inside its object. Something like $('div.classname').log() would probably be better than $.log($('div.classname')).

Just my two cents

jquerylog · 18.12.2011, 16:39

I'm changing it into a full plugin now I'm trying to update it today, because during the week I need to focus at work

tr0y · 19.12.2011, 07:50

Zitat:

Zitat von tr0y

It would be a big plus if your source-quotes inside of your post are served with [code]-BBCodes.

jquerylog · 26.12.2011, 10:38

@Chriz: If you read the code you'll notice that it's more simple than that.

Code:

$.log(true); // starts the logging system
	$("#foo").parents(".t1").next().prev().parent().find(".t2:last .t4:last").text("test");
$.log(false); // ends the logging system

btw today I finally have time to update it

jquerylog · 26.12.2011, 10:38

... miss click and can't find the delete button sry

tr0y · 26.12.2011, 11:58

Zitat:

Zitat von jquerylog

... miss click and can't find the delete button sry

It's not possible to delete replys or threads by yourself. Only a moderator could do this.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Läuft der Ajax Request weiter auch wenn der Browser geschlossen wird?	<Hotte>	JavaScript, Ajax und mehr	2	15.11.2011 08:25
[Erledigt] jquery ajax request ist immer null	taurus	JavaScript, Ajax und mehr	3	29.08.2011 00:00
[Erledigt] Jquery AJAX request wird erst am Ende ausgeführt	PiXeL1337	JavaScript, Ajax und mehr	10	24.02.2011 09:02
[Erledigt] SOAP/Client.php: PHP Fatal error: Method SOAP_Client::__call		PHP-Fortgeschrittene	6	25.11.2004 09:48

13.12.2011, 21:55
jquerylog Neuer Benutzer Registriert seit: 13.12.2011 Beiträge: 5 PHP-Kenntnisse: Anfänger	jQueryLog new extension for debugging jquery (feedback request) Hello, I'm sorry for posting this in English but I live in Luxembourg and am currently still learning both LB and DE So it must be in english. I've just released this yesterday and I'm looking for reviews. It's an edit to jQuery to allow chain logs for faster and simpler debugging. Pretty much it allows to log both the selectors and return values when doing function chains on jQuery. This project is pretty new so if you want to blog or tweet about it I would apreciate it, as with more ppl using it and more feedback flowing in I'll be able to perfect it. One of the functionalities I wish to add in the future is throwing the logs via AJAX so you can debug stuff running on your users interface. The project's site is http://www.jquerylog.com hope this can be usefull for many big jquery engineers such as myself. If you feel the examples on the page are not good enought please tell me so I can improve them (both here or as a comment on http://blog.jquerylog.com) My idea is when having a bug in jquery I ended up doing the following $("#foo").parents(".t1").find(".t2:last ."+someString+":last").text("test"); // chain with a bug console.log("#foo"); console.log($("#foo")); console.log(".t1"); console.log("$("#foo").parents(".t1")"); console.log(".t2:last ."+someString+":last"); console.log($("#foo").parents(".t1").find(".t2:las t ."+someString+":last")); Writing this was very frustrating, as I guess many already went through it, I've edited jQuery and now released it so others can also use it. The project's site is http://www.jquerylog.com hope this can be usefull for many big jquery engineers such as myself. If you feel the examples on the page are not good enought please tell me so I can improve them (both here or as a comment on http://blog.jquerylog.com ) /Francisco


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

18.12.2011, 01:49
jquerylog Neuer Benutzer Registriert seit: 13.12.2011 Beiträge: 5 PHP-Kenntnisse: Anfänger	I've already had a great feed back from a guy at tutorials.de. So if you want you can search for the same post there

18.12.2011, 08:40
tr0y Erfahrener Benutzer Registriert seit: 26.07.2010 Beiträge: 4.865 PHP-Kenntnisse: Fortgeschritten	We did not honor multiposts, but i think we should respect your work and give this thread a chance to being alive here for spreading purposes. It would be a big plus if your source-quotes inside of your post are served with [code]-BBCodes. Good luck. Edit: You should recognize that your work is an jQuery-Extend and not an JQuery-Extension. Extension means that you did develope somekind of plugIn / AddIn for jQuery. To extend something means that you extend the current code-base of the served jquery-library. An Extension with those functionallity would be better as an "costumized" ( extended ! ) jQuery-Source, 'cause the maintenance process of both had been relocated in 2 deligiations and only the log-part of your code must be shared and maintained by you, not the complete jQuery-source. Code: <script type="text/javascript" src="jquery-1.7.1.min.js"></script> #{if Play.mode.isDev()} <script type="text/javascript" src="jquery-log.plugin.js"></script> #{/if} Each Developer using CDN-Versions of Libraries will pray you for that feature. __________________ Lasse mir ohne Anwendung von Gewalt Dinge schenken, Amazon weiß darüber bald mehr. Geändert von tr0y (18.12.2011 um 08:54 Uhr).

18.12.2011, 16:24
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Why don't you use an extension btw? As far as I know, jQuery stores the selector inside its object. Something like $('div.classname').log() would probably be better than $.log($('div.classname')). Just my two cents __________________ "Nuschel ich?" - "Was?"

18.12.2011, 16:39
jquerylog Neuer Benutzer Registriert seit: 13.12.2011 Beiträge: 5 PHP-Kenntnisse: Anfänger	I'm changing it into a full plugin now I'm trying to update it today, because during the week I need to focus at work

26.12.2011, 10:38
jquerylog Neuer Benutzer Registriert seit: 13.12.2011 Beiträge: 5 PHP-Kenntnisse: Anfänger	@Chriz: If you read the code you'll notice that it's more simple than that. Code: $.log(true); // starts the logging system $("#foo").parents(".t1").next().prev().parent().find(".t2:last .t4:last").text("test"); $.log(false); // ends the logging system btw today I finally have time to update it