2010-07-08 14 views
65

Jestem w stanie wyświetlić pliki JavaScript strony internetowej tylko poprzez panel Skrypt. Jak mogę go edytować? Próbowałem wszystkiego, jak podwójne kliknięcie linii, którą chcę edytować itp., Ale nie pozwala mi to edytować.Jak edytować JavaScript w Firebug?

Gdybym przejść do zakładki HTML, jestem w stanie edytować kod HTML, klikając na przycisk Edit , ale nie jestem w stanie edytować JavaScript.

Z góry dzięki! :)

Odpowiedz

62

alt text http://www.fidelitydesign.net/wp-content/uploads/2010/06/Firebug-Testing.jpg

Można użyć zakładki Firebug Console napisać Javascript. Używam tego dość szybkiego prototypowania kodu, zanim zintegruję go z moimi projektami. Podczas korzystania z konsoli javascript jest wykonywany w kontekście bieżącej strony. Dlatego też skrypty, które są obecnie zdefiniowane dla tej strony, mogą potencjalnie zostać ponownie zdefiniowane. Na przykład, w oknie konsoli, mogę to zrobić:

$ = function() { alert("Whoops"); } 

... i że będzie przedefiniować funkcję $ używany przez jQuery.

+12

Console -> Edytor komend – ZiTAL

+4

Nie zapomnij kliknąć Pokaż Edytor komend z konsoli na karcie Firebug. –

+1

hit => klawisz CTRL + 1 .. pojawia się edytor poleceń –

4

W konsoli Firebug można wpisać nowy javascript. Tak więc po prostu zredefiniuj funkcje lub zmienne w razie potrzeby.

2

Nie możesz tego zrobić. Powinieneś użyć konsoli javascript, aby ponownie zdefiniować funkcje.

2

Można również użyć fiddler.
Używam go i całkiem mi się udało.

+0

Fiddler wydaje się dobrym pomysłem. Jest to zewnętrzna aplikacja, która przechwytuje żądania internetowych, dzięki czemu można dokonać zmiany na żywo na JS itp – not2qubit

13

O ile mi wiadomo, tylko narzędzia do Chrome w przeglądarce obsługują edytowanie kodu JavaScript na karcie Sources (a nie tylko za pomocą wiersza poleceń). Możesz dodać rozszerzenie takie jak Tincr lub DevTools Autosave, a Chrome zapisze zmiany w plikach JavaScript na dysku. Jest to więc kompletne IDE dla JavaScript.

W przeciwnym razie, jeśli używasz Firebug, musisz przetestować swój kod w Command Editor, następnie otwórz swój edytor tekstowy i otwórz ten plik, który szukałeś w Firebug, a następnie dodaj te zmiany do edytora tekstu i zapisz.

Mam nadzieję, że pewnego dnia umożliwią one edytowanie kodu JavaScript wewnątrz Script panel Firebug.

+2

FWIW przycisk [Firebug Wydanie 5083] (http://code.google.com/p/fbug/issues/detail?id = 5083) pyta o zezwolenie na edycję JavaScriptu w panelu * Script *. –

13

W strukturze Mozilli wbudowany jest "Brudnopis". Można to osiągnąć z poziomu przeglądarki Firefox.

W menu "Narzędzia" pod "Web Developer" -> "Brudnopis".

Lub ...

Kliknij prawym przyciskiem myszy dowolny element na swojej stronie. Wybierz "sprawdź element" Na pasku narzędzi inspektora, daleko na prawo, znajduje się blokada szumów "Brudnopis", naciśnij go.

enter image description here

Teraz masz edytor JavaScript składni highlightning etc .. Stąd można otworzyć/zapisać javascript pliku źródłowego.

enter image description here

Czytaj więcej bout it here.

+2

Pamiętaj, że w najnowszej wersji Firefox musisz najpierw włączyć tę opcję. Po prawej stronie paska narzędzi naciśnij ikonę koła konfiguracyjnego ("Opcje paska narzędzi") i zaznacz w polu "Domyślne narzędzia programistyczne Firefoksa" pole wyboru "Brudnopis". – Daan

Powiązane problemy