[JS] Cherche débogueur

Cherche débogueur [JS] - HTML/CSS - Programmation

Marsh Posté le 11-02-2004 à 10:40:42    

Bonjour messieurs,
 
comme le laisse penser mon titre, je cherche à déboguer du Javascript, surtout les évènements, aussi quel est le meilleur outil pour vous ?
 
Merci


Message édité par tafkap le 22-11-2009 à 22:55:00
Reply

Marsh Posté le 11-02-2004 à 10:40:42   

Reply

Marsh Posté le 11-02-2004 à 10:41:23    

mozilla

Reply

Marsh Posté le 11-02-2004 à 11:01:12    

C'est tout ? y'a pas des boites spécialisés dans ce type d'outils ? je ne dis pas que Mozilla est mauvais, je vais me pencher sur son cas d'ailleurs, mais c'est sous la forme de plugin ?

Reply

Marsh Posté le 11-02-2004 à 11:08:12    

non, le debugger js est fourni par défaut il me semble

Reply

Marsh Posté le 11-02-2004 à 11:16:28    

Je viens d'essayer, mais mon code Javascript ne fonctionne pas sous Mozilla, donc la question est de trouver un débogeur pour IE.

Reply

Marsh Posté le 11-02-2004 à 11:22:00    

C'est'y pas beau ça :  
 
http://kadreg.free.fr/perso/venkman.png


---------------
brisez les rêves des gens, il en restera toujours quelque chose...  -- laissez moi troller sur discu !
Reply

Marsh Posté le 11-02-2004 à 11:22:21    

tafkap a écrit :

Je viens d'essayer, mais mon code Javascript ne fonctionne pas sous Mozilla, donc la question est de trouver un débogeur pour IE.  


 
Ah, tu ne fait donc pas du javascript [:spamafote]


---------------
brisez les rêves des gens, il en restera toujours quelque chose...  -- laissez moi troller sur discu !
Reply

Marsh Posté le 11-02-2004 à 11:24:46    

honte à ceux qui font des trucs non compatibles mozilla
disparaissez du web vite svp

Reply

Marsh Posté le 11-02-2004 à 11:28:00    

Mon client n'a que des clients IE, je ne vais donc pas développer pour Mozilla également, je n'ai pas le temps et ça ne fait pas partie du contrat ;) ;)
 
L'outil Mozilla est très sympa.
 
Je fais du Javascript et du DOM.


Message édité par tafkap le 11-02-2004 à 11:29:00
Reply

Marsh Posté le 11-02-2004 à 11:29:06    

donc du mozilla
donc ton code est buggé,
et donc la solution, c'est d'utiliser le débogueur mozilla

Reply

Marsh Posté le 11-02-2004 à 11:29:06   

Reply

Marsh Posté le 11-02-2004 à 12:13:51    

Ok, merci pour les renseignements, le code est buggé, je vais utiliser Mozilla alors. Question : si je développe sous Mozilla, est-ce que le même code doit fonctionner sous IE, sans aucune modification ?
 
Dites, je peux rester maintenant ? ;) ;)

Reply

Marsh Posté le 11-02-2004 à 12:18:13    

ouais
si tu développes pour mozilla,
ca va marcher sur ie,
et puis sur safari sur opera sur konqueror et sur tout autre navigateur (si tu utilises pas des teknos xml)

Reply

Marsh Posté le 11-02-2004 à 12:26:35    

et DOM et DHTML ?

Reply

Marsh Posté le 11-02-2004 à 12:32:51    

nickel chrome
sur ie5 les seuls trucs qu'il te faudra rajouter c éventuellement des méthodes Array.push() etc...
 
par contre ie/mac c un peu la merde je te le déconseille fortement !

Reply

Marsh Posté le 11-02-2004 à 12:38:03    

Faut surtout pas se fier a IE pour faire du js, car il accepte plein de trucs dont la syntaxe est fausse (<SCRIPT>...</SCRIPT> avant le tag <HTML> du debut de document html par exemple).
Faut tester & debugger sous Mozilla (ou firefox :love:) et eventuellement tester en final sous IE.
A+,


---------------
There's more than what can be linked! --    Iyashikei Anime Forever!    --  AngularJS c'est un framework d'engulé!  --
Reply

Marsh Posté le 11-02-2004 à 12:38:03    

Ok merci pour les infos :)

Reply

Marsh Posté le 11-02-2004 à 12:42:29    

Je suis sous Mozilla actuellement, c'est nickel :)  
 
Ce que j'avais développé sous IE est un peu décalé sous Mozilla à cause des CSS ?

Reply

Marsh Posté le 11-02-2004 à 13:54:41    

gilou a écrit :

Faut surtout pas se fier a IE pour faire du js, car il accepte plein de trucs dont la syntaxe est fausse (<SCRIPT>...</SCRIPT> avant le tag <HTML> du debut de document html par exemple).
Faut tester & debugger sous Mozilla (ou firefox :love:) et eventuellement tester en final sous IE.
A+,


 
au fait comment fait on pour avoir venkman sous firefox ?
paske ca me reloute un peu de compiler mozilla pour avoir le debugger js :/ je prefere avoir firefuck et venkman ! c possible ? c une extension ?????? :/

Reply

Marsh Posté le 11-02-2004 à 14:37:31    

Ben tu peux pas installer le xpi de venkman??
A+,


---------------
There's more than what can be linked! --    Iyashikei Anime Forever!    --  AngularJS c'est un framework d'engulé!  --
Reply

Marsh Posté le 11-02-2004 à 14:38:47    

Comprend pas ce que vous dites.. :) :)

Reply

Marsh Posté le 11-02-2004 à 15:07:29    

ben venkman se downloade sous forme d'un xpi.
A+,


---------------
There's more than what can be linked! --    Iyashikei Anime Forever!    --  AngularJS c'est un framework d'engulé!  --
Reply

Marsh Posté le 11-02-2004 à 15:24:04    

Tant que j'y suis...
 
Pour insérer une ligne dans mon tableau HTML j'ai utilisé la fonction DOM insertrow, il semble qu'elle soit spécifique à IE, donc hors norme, mais pour respecter la norme il faut faire comment ? créer un noeud TR ? moins pratique que la fonction d'IE...

Reply

Marsh Posté le 11-02-2004 à 15:42:08    

bin ouais mais les fonctions pratiques d'ie lui provoquent des bugs (après dans certains cas précis il sait plus ou il en est, et meme dans certains cas ca rame et ça va des centaines de fois plus lent que moz) ...
il te faudra créer un noeud tr et appender !
 
var row = document.createElement("tr" );
var table = document.getElementById("ton_tableau" );
table.appendChild(row);
 
 

Reply

Marsh Posté le 11-02-2004 à 16:05:36    

ok, c'est bien ce que je pensais, merci à toi ;)

Reply

Marsh Posté le 11-02-2004 à 16:13:50    

gilou a écrit :

ben venkman se downloade sous forme d'un xpi.
A+,


 
j'l'ai downloadé sous .xpi, mais je le retrouve nulle part dans les menus de firebird (0.7) ou de firefox !!!
as tu essayé de l'installer et as tu réussi à l'utiliser ?
 
sous mozilla je sais que ca marche mais sous firebird jamais réussi à le retrouver ! le plus logique aurais été de le trouver dans le menu Tools :/

Reply

Marsh Posté le 11-02-2004 à 17:20:25    

Ah merde alors !! J'ai redéveloppé ma fonction pour quelle fonctionne sous Mozilla, c'est nickel, maintenant quand je lance sous IE ça ne fonctionne plus. Y'at-il un débogueur Javascript pour IE ? :) :)

Reply

Marsh Posté le 11-02-2004 à 17:26:29    

ouais mais tu vas t'amuser avec ;)
il se trompe completement de ligne/fichier/endroit, c vraiment fun de voir quil te souligne une balise et te dit qu'elle a fait une opération non conforme ;) :D

Reply

Marsh Posté le 11-02-2004 à 17:38:59    

Je viens d'essayer le débogueur de Dreamweaver MX, c'est pas la joie non plus, il en prend de la mémoire, mon PC est HS :( Y'a vraiment rien d'autre ?

Reply

Marsh Posté le 11-02-2004 à 17:48:42    

sur le site de krossoft, essaye leur truc (jscript debugger)
mais c vraiment une gross merde leur truc
 
sinon si tu veux savoir l'erreur dans ton script, je te dis tout de suite:
 
si c une erreur sur ie5, le plus probable c ke ce soit un probleme de methodes de tableau, et dans ce cas la je te file ça:
 

Code :
  1. function isUndefined(property) {
  2.   return (typeof property == 'undefined');
  3. }
  6. // Array.concat() - Join two arrays
  7. if (isUndefined(Array.prototype.concat) == true) {
  8.   Array.prototype.concat = function (secondArray) {
  9.    var firstArray = this.copy();
  10.    for (var i = 0; i < secondArray.length; i++) {
  11.     firstArray[firstArray.length] = secondArray[i];
  12.    }
  13.    return firstArray;
  14.   };
  15. }
  17. // Array.copy() - Copy an array
  18. if (isUndefined(Array.prototype.copy) == true) {
  19.   Array.prototype.copy = function() {
  20.    var copy = new Array();
  21.    for (var i = 0; i < this.length; i++) {
  22.     copy[i] = this[i];
  23.    }
  24.    return copy;
  25.   };
  26. }
  28. // Array.pop() - Remove the last element of an array and return it
  29. if (isUndefined(Array.prototype.pop) == true) {
  30.   Array.prototype.pop = function() {
  31.    var lastItem = null;
  32.     if ( this.length > 0 ) {
  33.         lastItem = this[this.length - 1];
  34.         this.length--;
  35.     }
  36.     return lastItem;
  37.   };
  38. }
  40. // Array.push() - Add an element to the end of an array
  41. if (isUndefined(Array.prototype.push) == true) {
  42.   Array.prototype.push = function() {
  43.    var currentLength = this.length;
  44.    for (var i = 0; i < arguments.length; i++) {
  45.     this[currentLength + i] = arguments[i];
  46.    }
  47.    return this.length;
  48.   };
  49. }
  51. // Array.shift() - Remove the first element of an array and return it
  52. if (isUndefined(Array.prototype.shift) == true) {
  53.   Array.prototype.shift = function() {
  54.    var firstItem = this[0];
  55.    for (var i = 0; i < this.length - 1; i++) {
  56.     this[i] = this[i + 1];
  57.    }
  58.    this.length--;
  59.    return firstItem;
  60.   };
  61. }
  63. // Array.slice() - Copy several elements of an array and return them
  64. if (isUndefined(Array.prototype.slice) == true) {
  65.   Array.prototype.slice = function(start, end) {
  66.    var temp;
  67.  
  68.    if (end == null || end == '') end = this.length;
  69.  
  70.    // negative arguments measure from the end of the array
  71.    else if (end < 0) end = this.length + end;
  72.    if (start < 0) start = this.length + start;
  73.  
  74.    // swap limits if they are backwards
  75.    if (end < start) {
  76.     temp  = end;
  77.     end   = start;
  78.     start = temp;
  79.    }
  80.  
  81.    // copy elements from array to a new array and return the new array
  82.    var newArray = new Array();
  83.    for (var i = 0; i < end - start; i++) {
  84.     newArray[i] = this[start + i];
  85.    }
  86.    return newArray;
  87.   };
  88. }
  90. // Array.splice() - Splice out and / or replace several elements of an array and return any deleted elements
  91. if (isUndefined(Array.prototype.splice) == true) {
  92.   Array.prototype.splice = function(start, deleteCount) {
  93.    if (deleteCount == null || deleteCount == '') deleteCount = this.length - start;
  94.  
  95.    // create a temporary copy of the array
  96.    var tempArray = this.copy();
  97.  
  98.    // Copy new elements into array (over-writing old entries)
  99.    for (var i = start; i < start + arguments.length - 2; i++) {
  100.     this[i] = arguments[i - start + 2];
  101.    }
  102.  
  103.    // Copy old entries after the end of the splice back into array and return
  104.    for (var i = start + arguments.length - 2; i < this.length - deleteCount + arguments.length - 2; i++) {
  105.     this[i] = tempArray[i + deleteCount - arguments.length + 2];
  106.    }
  107.    this.length = this.length - deleteCount + (arguments.length - 2);
  108.    return tempArray.slice(start, start + deleteCount);
  109.   };
  110. }
  112. // Array.unshift - Add an element to the beginning of an array
  113. if (isUndefined(Array.prototype.unshift) == true) {
  114.   Array.prototype.unshift = function(the_item) {
  115.    for (loop = this.length-1 ; loop >= 0; loop--) {
  116.     this[loop+1] = this[loop];
  117.    }
  118.    this[0] = the_item;
  119.    return this.length;
  120.   };
  121. }


 
 
et ça devrait marcher ...
si c une erreur de styles css, ok, ya des nombreux bugs à ce niveau sur IE; si c un probleme de sécurité (du style un frame d'un domaine qui essaye de lire l'url d'un frame d'un autre domaine etc....) tu devrais voir, en tapant "javascript:" dans la barre d'adresses de moz un truc du style exception securite pouetpouet

Reply

Marsh Posté le 11-02-2004 à 18:00:30    

Merci pour tout ça, mais mon tableau, c'est du HTML...
 
Au début j'ai un tableau vide :
<TABLE id="mytable">
 
</TABLE>
 
Ensuite grâce à DOM je veux insérer une ligne, plusieurs colonnes etc.

Reply

Marsh Posté le 11-02-2004 à 18:10:58    

alert();

Reply

Marsh Posté le 11-02-2004 à 18:16:27    

ca vient du fait que ie sous entend qu'il y a un tbody,
donc quand tu fais de l'appendchild, il faut le faire dans un tbody,
donc je te conseille de faire plutoto:
 
 

Code :
  1. <table>
  2.   <tbody id="ma_vraie_table">
  4.   </tbody>
  5. </table>


 
et de faire tes appendchild sur le ma_vraie_table
 
:jap:derien:jap:

Reply

Marsh Posté le 11-02-2004 à 19:34:04    

Effectivement k666  :jap:  :jap:  
 
Ta méthode fonctionne très bien, je viens de l'implémenter, plus de plantage et ça fonctionne aussi bien sous IE que Mozilla, sauf...  :ange:  
 
Le but de mon code est d'insérer une ligne dans mon tableau HTML, avec des colonnes et dans chaque colonne insérer un élément : SELECT, INPUT.
 
Dans une colonne, j'insère donc un noeud de type INPUT, et juste derrière je colle un script qui appelle une fonction Javascript affichant un calendrier (le fameux DHTML Mishoo Calendar http://sourceforge.net/projects/jscalendar/° qui est associé à mon INPUT.  
 
Tout se passe bien à l'affichage dans IE, mais quand je clique sur le bouton, aucun message d'erreur mais le calendrier n'apparait pas. Dans Mozilla, tout est Ok et ça tourne parfaitement.  :??:  :??: Je me trouve un peu bloqué car déboguer cela me semble un chouilla hardu.
 
Exemple de mon code :
 
  new_col = document.createElement("TD" );
  new_col.id = "tab_abs";
  text_html = "";
  text_html = "<input type=\"text\" id=\"f_endda_"+nb_line+"\" name=\"fendda_"+nb_line+"\" size='9' maxlength=\"10\" onFocus=\"javascript:vDateType='3'\" onKeyUp=\"DateFormat(this,this.value,event,false,'3')\" onBlur=\"DateFormat(this,this.value,event,true,'3')\"> ";
  text_html = text_html + " <img src=\"/images/img.gif\" id=\"b_endda_"+nb_line+"\" style=\"cursor: pointer;\" title=\"Date selector\" onmouseover=\"this.style.background='blue';\" onmouseout=\"this.style.background=''\" \/>";  
  text_html = text_html + "<script type=\"text/javascript\">Calendar.setup({ inputField:\"f_endda_"+nb_line+"\", ifFormat :\"%d.%m.%Y\", button : \"b_endda_"+nb_line+"\", align :\"Tl\", singleClick : true });<\/script>";
  new_col.innerHTML = text_html;
  w_new_line.appendChild(new_col);


Message édité par tafkap le 11-02-2004 à 20:46:08
Reply

Marsh Posté le 11-02-2004 à 22:11:38    

quelle horreur :D

Reply

Marsh Posté le 11-02-2004 à 22:44:27    

De quoi quelle horreur ?
 
La méthode, le code ?
 
Vas-y balance tout, je débute alors je peux m'en prendre plein la tête :lol: :lol:

Reply

Marsh Posté le 11-02-2004 à 23:50:59    

c un truc de oufs ton calendar la :D je connaissais pas héhéh: :)
 
mais ca me parait un peu bizare ta manière de faire :/
 
 
as tu essayé en écrivant directement ton code à la mano (sans passer par des ajouts javascript automatisés) et de voir si ça marchait sous i.e. ?
 
 
sinon une piste serait aussi qu'en général, à l'intérieur d'un script, des fois les navigateurs n'aiment pas écrire script ;) paske ça pourrait fouttre une des ces merdes !!!  et donc l'astuce de la mort consiste à écrire , imagine au lieu de :

Code :
  1. document.write("<script>alert('pouetpouet');</script>" );


de faire plutot

Code :
  1. document.write("<scr" );
  2. document.write("ipt>alert('pouetpouet');</scr" );
  3. document.write("ipt>" );


 
 
voila j'esper que ca pourra t'aider un peu :)
sinon ça me parait un peu porc comme façon d'intégrer les calendar t'es sûr que c la seule façon de faire :/?

Reply

Marsh Posté le 12-02-2004 à 02:24:18    

k666 a écrit :


 
j'l'ai downloadé sous .xpi, mais je le retrouve nulle part dans les menus de firebird (0.7) ou de firefox !!!
as tu essayé de l'installer et as tu réussi à l'utiliser ?
 
sous mozilla je sais que ca marche mais sous firebird jamais réussi à le retrouver ! le plus logique aurais été de le trouver dans le menu Tools :/


Tu ouvres le xpi sous firefox, ca te l'installe.
Ensuite pour le trouver, tu ouvres le DOM Inspector
Menu Tools>Web Devellopement>JavaScript Debugger
 
A+,


---------------
There's more than what can be linked! --    Iyashikei Anime Forever!    --  AngularJS c'est un framework d'engulé!  --
Reply

Marsh Posté le 12-02-2004 à 02:32:42    

hum
c ske j'ai fait sur plusieurs firebird/fox différents, et je n'ai malheureusement jamais eu de Web developpment qui soit apparus dans Tools :'(
pourrais tu me dire, on parle bel et bien de firebird hein ou fox ou comme tu voudras, que ca marche chez toi ???
je click sur le .xpi, ca l'installe tout se passe bien, je kill le nav, le relance, et toujours rien :'( pourtant ils disent que c compatible firefuck vouin:'(

Reply

Marsh Posté le 12-02-2004 à 12:41:08    

Salut k666 ;)
 
Tu ne connais pas ce superbe calendrier ? tu peux aller voir sur ma page de test : http://tafkap.yellis.net/sejer/Absence_multipe.htm
 
sinon une piste serait aussi qu'en général, à l'intérieur d'un script, des fois les navigateurs n'aiment pas écrire script
Non ça fonctionne bien, j'ai fait le test, mais là... :(
 
Pour la méthode, si tu as mieux je suis preneur ;)

Reply

Marsh Posté le 12-02-2004 à 14:26:06    

k666 a écrit :

hum
c ske j'ai fait sur plusieurs firebird/fox différents, et je n'ai malheureusement jamais eu de Web developpment qui soit apparus dans Tools :'(
pourrais tu me dire, on parle bel et bien de firebird hein ou fox ou comme tu voudras, que ca marche chez toi ???
je click sur le .xpi, ca l'installe tout se passe bien, je kill le nav, le relance, et toujours rien :'( pourtant ils disent que c compatible firefuck vouin:'(
 


Ben moi j'ai fait exactement ca: ouvrir le xpi sous firefox (file open...), il va s'installer, tu fermes firefox, tu le rouvres, et tu obtiens ce que je t'ai decrit.
A+,


---------------
There's more than what can be linked! --    Iyashikei Anime Forever!    --  AngularJS c'est un framework d'engulé!  --
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed