jsFiddle
Walidacja JavaScriptu odbywa się poprzez JSLint.
Całość uzupełnia możliwość zapisywania plików oraz dostęp do jego poszczególnych wersji.
Plusy:
- prosty, czytelny interfejs
- import frameworku
- import zewnętrzych plików
- dostęp do serwera echo
- przykłady
- osobne okna edycji HTML/CSS/JS
- podgląd na tej samej stronie
- walidacja JS
Minusy:
- brak dostępu do całego HTML'a wyświetlanego w podglądzie (tylko do <body>)
- na mniejszych rozdzielczościach niektóre rzeczy z lewego menu mogą być niewidoczne
- jak na zaintegrowany edytor JS/HTML/CSS zdecydowanie brak, jeśli chodzi o sam JS trochę brakuje śledzenia kodu, ale zawsze to można nadrobić Firebugiem
JS Bin
Plusy:
- prosty, czytelny interfejs
- import frameworku
- pełny dostęp do HTML
- osobne okna edycji HTML/JS
- ciekawie zrobiona walidacja kodu
- podgląd w osobnym oknie
- podobnie jak w przypadku jsFiddle - jeżeli komuś potrzeba większej kontroli nad JS to trzeba korzystać z Firebuga
TIDE 2.0 beta
Dodatkowo dostajemy niezłą kolekcję przykładów w JavaScripcie, która pozwala bezboleśnie zapoznać się z aplikacją.
Minusem jest konieczność edycji kodu JS w wyskakującym okienku, a nie bezpośrednio.
Plusy:
- zaawansowane metody debugowania JavaScriptu
- duża ilość ciekawych przykładów
- czytelny interfejs zbudowany na bazie ExtJS
- brak możliwości edycji kodu bez wyświetlania okienka
- jako narzędzie przeznaczone tylko do JS nie ma możliwości działania w HTML/CSS
- brak możliwości zapisu, co może być niebezpieczne, jeżeli przez przypadek wciśniemy np. wstecz
Google Code Playground
System debugowania opiera się na narzędziu Firebug Lite, który jest dołączany do okienka z wynikiem (output).
Plusy:
- potężny zestaw przykładów JS
- integracja z Firebug Lite
- możliwość edycji HTML
- możliwość zapisywania swojego kodu
- jedno okno do JavaScript/HTML - ich przełączanie powoduje brak możliwości zapisania kodu
- mała czytelność interfejsu (w porównaniu do pozostałych narzędzi)
- import frameworków poprzez samodzielne grzebanie w kodzie JS
jsdo.it
Plusy:
- specjalna strona projektu umożliwiająca pobranie, forkowanie i podgląd
- dostępny widżet wyświetlający kod lub działający skrypt
- podział edytorów na HTML/CSS/JS
- możliwość zaimportowania popularnych frameworków
- ukierunkowany na tworzenie społeczności (fork, komentarze, ulubione, rankingi popularności)
- stosunkowo mało intuicyjny interfejs graficzny
- brak bezpośredniego dostępu do HTML
- walidacja kodu oparte na JSlint'cie - wyświetlane w konsoli w prawym dolnym rogu
- konieczność logowania, ale dzięki temu większa funkcjonalność
Poza konkursem startuje jeszcze narzędzie jsconsole, które pozwala uruchamiać zdalnie kod JavaScript (oczywiście po uprzednim zezwoleniu). Przykłady zastosowania pokazują, że może to być pomocne w tworzeniu aplikacji na urządzenia mobilne, gdzie dostęp do narzędzi deweloperskich jest szczególnie utrudniony. Natomiast oprócz dostępu do samej konsoli nie mamy tutaj większych możliwości tworzenia kodu programu (podświetlanie czy inne pomocne rzeczy).
Podsumowując uważam, że najlepszym obecnie narzędziem do szybkiego kodowania stron jest jsFiddle - łatwy, szybki, bezbolesny. Ciekawą alternatywą jest jsdo.it, który pozwala nam się podpisać pod swoim kodem i jednocześnie umożliwia szybki dostęp do podglądu naszego dzieła. Pozostałe narzędzia posiadają swoje unikalne cechy, ale z reguły brakuje im przejrzystości lub możliwości wcześniej wspomnianych aplikacji.
3 komentarze:
Czemu 'walidacja JSLint' to minus a nie plus rozwiązania?
Chodzi o sposób prezentacji wyniku - jako wynik z JSLint gdzieś w prawym dolnym rogu. jsFiddle ma to zdecydowanie ładniej/czytelniej zrobione.
Sporo pracowałem z jsdo.it (wcześniej był czarny edytor). I to nie prawda że nie masz dostępu do HTML! Edytor rozpoznaje czy użyłeś Doctype na początku htmla i wtedy używa w całości wprowadzonego htmla.
Co do jsFiddle to w chrome po kilku minutach zjada mi 100% procesora więc to nie jest coś czego mógł bym używać.
Co do jsdo.it wprowadzili oni Edytor ACE, jak np. cloud9ide i w edytorze html jest nawet podpowiadanie znaczników. Co do jsLinta w dolnym rogu to jest jest to dla mnie o wiele przyjemniejsze niż to z jsFiddle.
Prześlij komentarz