SÖKES: HTML5 utvecklingsverktyg med javascript debugger

Permalänk
Medlem

SÖKES: HTML5 utvecklingsverktyg med javascript debugger

Mina hobby projekt i HTML5/Javascript (jag använder alltså canvas etc) börjar bli så intressanta och stora att det nu är dags att hitta en ordentlig utvecklingsplattform. Kort och gott är min fråga vad ni använder och hur pass kompetent den plattformen är i olika avseenden. Men låt mig fylla ut min fråga lite mer.

Jag är en van programmerare, och mina två huvudverktyg är Matlab och Visual Studio 2005 (för C++). Dessa är mogna platformar med grymma debuggers och kodhjälp. De ger mig:

  • färgkodning av typer, funktion och mycket mera

  • dropdown för klass medlemmar

  • argumentlista för funktioner

  • step by step debugging med "hover" över variabler, watch-list, call-list, stack osv

Utöver detta borde det inte vara orimligt att ha live-code dvs:

  • sidan uppdateras när jag ändrar HTML

  • sidan uppdateras när jag ändrar CSS

Notera att jag lämnar serverside scripting utanför min kravlista. Inte heller är jag intresserad av en WYSIWYG editor. Min nuvarande platform är Adobe Dreamweaver och den ger mig färgkodning och inte mycket mera. I viss mån kan man få hjälp med klass medlemmar och argumentlista, men dessa är långt ifrån kompletta. Live-view finns men funkar inte ordentligt med CSS3, det lilla jag testat. Det är en dyr plattform och jag förväntade mig mycket mera. Jag upptäckte precis Chrome's inbyggda debugger vilket har gjort saker betydligt enklare. Mina projekt har tusentals rader javascript kod vid det här laget, så jag har jublat hela dagen efter att jag upptäckte den! Problemet är att jag nu sitter med koden i två fönster, där jag testar mig fram i Chrome och sedan överför mina ändringar manuellt till Dreamweaver.

Det måste väl finnas en ordentlig och mogen plattform för värdens mest utbredda programmeringsspråk? Eller ett par instick till chrome eller firefox som gör dem till potenta utvecklingsverktyg?

Visa signatur

Louqe Ghost S1 MK3 | Asus ROG Strix B660-I Gaming WiFi | Intel Core i7 12700K | nVidia RTX 2070 Super FE | Corsair 64GB (2x32GB) DDR5 5600MHz CL40 Vengeance | Samsung 980 PRO M.2 NVMe SSD 2TB | Corsair SF750 750W 80+ Platinum | Noctua NH-L12 Ghost S1 edition | Kablar från pslate customs | 2 stk Dell Ultrasharp 3014 | Logitech MX Keys | Logitech MX Anywhere

Permalänk
Medlem

Sitter du på OSX är Coda ett bra alternativ. Den har de flesta egenskaper du efterfrågar, och några till för den professionella webbutvecklaren. I och med att dess interna preview-funktion är baserad på WebKit (motorn som används i både Safari och Chrome) bör den även klara av de mer avancerade delarna HTML5 (canvas, etc) hyfsat väl, men det är inget jag har testat personligen.

Permalänk

Tänkte precis fråga samma sak som du frågar. Har precis börjat gröta ner mig i javascript på riktigt (Tidigare har det bara varit fulhack). Firebug till firefox har lite saker som funkar, chrome debugger funkar helt ok som du har märkt.

Jag har inte riktigt koll på Dreamweaver men NetBeans är ett gratisalternativ som jag tycker funkar ok till html/php/javascript med tanke på att det är gjort för java i grunden. Men någon live-view eller liknande finns förstås inte (men småsaker som auto-indentering och syntax highlighting funkar utmärkt och det finns även en inbyggd felkontroll som hittar alla stora syntax-fel).

Ska bli intressant att se vad du kommer få för svar för jag har alltid klagat till alla mina vänner på att det inte alls finns lika bra verktyg när det gäller att utveckla mot webben som till exempel java eller C#.

Visa signatur

Avatarkreds till: http://imgur.com/HOxIL
Alakai säger: Ryssen skrattar. Norrland hembränner på uppdrag av regeringen. Sälar dör i blyförgiftning, fulla och glada. Förvirringen är total. Kungen är nöjd.

Permalänk
Medlem
Skrivet av You:

Sitter du på OSX är Coda ett bra alternativ. Den har de flesta egenskaper du efterfrågar, och några till för den professionella webbutvecklaren. I och med att dess interna preview-funktion är baserad på WebKit (motorn som används i både Safari och Chrome) bör den även klara av de mer avancerade delarna HTML5 (canvas, etc) hyfsat väl, men det är inget jag har testat personligen.

Coda verkar nice, men jag använder inte OSX. Kan ju vara ett tips till någon annan dock. Det verkar klara allt från min lista utom debugging.

Skrivet av Mikael_Berglund:

Tänkte precis fråga samma sak som du frågar. Har precis börjat gröta ner mig i javascript på riktigt (Tidigare har det bara varit fulhack). Firebug till firefox har lite saker som funkar, chrome debugger funkar helt ok som du har märkt.

Jag har inte riktigt koll på Dreamweaver men NetBeans är ett gratisalternativ som jag tycker funkar ok till html/php/javascript med tanke på att det är gjort för java i grunden. Men någon live-view eller liknande finns förstås inte (men småsaker som auto-indentering och syntax highlighting funkar utmärkt och det finns även en inbyggd felkontroll som hittar alla stora syntax-fel).

Ska bli intressant att se vad du kommer få för svar för jag har alltid klagat till alla mina vänner på att det inte alls finns lika bra verktyg när det gäller att utveckla mot webben som till exempel java eller C#.

Det förvånar mig, men jag tror att det är så att det helt enkelt inte finns en bra integrerad lösning med både debugger och editor i ett! Kan det verkligen vara så? Jag har testat WebStorm som lovar detta, men debug delen buggar (no pun intended). Du får väldigt gärna testa och se om du har mera tur. Editorn verkar vara kompetent, men till exempel drop down för klass medlemmer är lite oöverskådlig. Som du är jag grymt nyfiken på kommande svar. Webstorm + Chrome är min platform tills vidare.

Visa signatur

Louqe Ghost S1 MK3 | Asus ROG Strix B660-I Gaming WiFi | Intel Core i7 12700K | nVidia RTX 2070 Super FE | Corsair 64GB (2x32GB) DDR5 5600MHz CL40 Vengeance | Samsung 980 PRO M.2 NVMe SSD 2TB | Corsair SF750 750W 80+ Platinum | Noctua NH-L12 Ghost S1 edition | Kablar från pslate customs | 2 stk Dell Ultrasharp 3014 | Logitech MX Keys | Logitech MX Anywhere

Permalänk
Permalänk
Medlem

Visual Web Developer 2010 Express / Visual Studio 2010 Pro/Premium/Ultimate.
testar man sina web-projekt med IE, så kan du sätta breakpoints i javascripten och debugga direkt i VS.
(se Client-Side Script Debugging på MSDN.)

vet inte hur/om den hanterar dynamisk html dock. man får iaf upp en lista med filer som används av IE (i Solution Explorer) när man laddar en sida, så det är ju inte helt otänkbart att den faktiskt uppdaterar dessa dynamiskt.

Visa signatur

as far as we can tell, the massacre went well...