2011-01-21 16 views
7

Wiem, że można używać Firebug w widoku DOM do edytowania zmiennych JavaScript ALE ... czy istnieje sposób, w jaki można użyć (cokolwiek innego) do edycji żywych skryptów JavaScript osadzonych w strona HTML?Edytowanie bloków JavaScript strony internetowej ... na żywo

Jak tego rodzaju, który jest w .html stronie:

<script type="text/javascript> 
// code here 
</script> 

Dzięki.

+1

Możesz użyć Opery. Opera umożliwia edycję wbudowanych plików JS i JS. Po łagodnym przeładowaniu strony zmiany zostaną zastosowane. Kliknij prawym przyciskiem myszy> Źródło> Wprowadź zmiany> Zastosuj zmiany. – XP1

Odpowiedz

3

skryptozakładki

Z Wikipedia entry

bookmarklet jest aplet, mała aplikacja komputerowa, przechowywane jako adres URL zakładki w przeglądarce internetowej lub jako hiperłącze na stronie internetowej. Termin jest zbiorem terminów zakładki i apletu. Niezależnie od tego, czy programy bookmarklet są przechowywane jako zakładki czy hiperlinki, mają one na celu dodawanie funkcji jednego kliknięcia do przeglądarki lub strony internetowej. Po kliknięciu bookmarklet wykonuje pewną funkcję, jedną z wielu, na przykład zapytanie wyszukiwania lub ekstrakcję danych. Zwykle aplet jest programem JavaScript.

I jak powiązana uwaga nie próbuje spam lub cokolwiek stworzyłem bookmarklet generator aby pomóc mi stworzyć bookmarkletów łatwiejsze.

+0

Dobrze, po prostu ponownie przeczytam pytanie, może bookmarkslety nie są tym, na co masz ochotę, możesz wypróbować http://jsfiddle.net/, ale nie jestem pewien, czy to * dokładnie * to, czego chcesz . – zzzzBov

+0

Chciałem pójść na inną stronę internetową i edytować IRABSKLINOWE bloki. – nn2

+0

Google Chrome i Opera również mają przyzwoity edytor DOM. Firebug to moje narzędzie do edycji na żywo innych stron. * tak, wiem, że prosiłeś o inne opcje * – zzzzBov

0

Eloquent javascript ma okno typu konsoli na dole (kliknij małą strzałkę w prawym dolnym rogu). To może być to, czego szukasz. Dokładne określenie tego, co masz na myśli, to REPL, pętla Read-Evaluate-Print.

0

Nie można edytować kodu JavaScript, który został załadowany do przeglądarki, za wyjątkiem tej samej przeglądarki. Zasadniczo oznacza to przez wtyczkę i nie jestem świadomy żadnych wtyczek innych niż FireBug, które pozwolą ci to zrobić.

Czy istnieje szczególny powód, dla którego nie możesz/nie będziesz używać FireBug?

+0

To niekoniecznie musi być prawdziwe. Można użyć standardowego elementu wejściowego (np. Tekstowego) do wprowadzenia kodu. Następnie użyj funkcji javascript 'eval()', aby ją uruchomić, skutecznie zapewniając konsolę. – Exelian

0

Sam Firebug ma wersję "lite", która nie jest zależna od wtyczki. Jeśli przeanalizujesz kod źródłowy tego, możesz dowiedzieć się, jak zaimplementować duży podzbiór funkcji Firebug.

http://getfirebug.com/firebuglite

0

Chrome posiada również okno konsoli, które mogą być aktywowane po inspekcji elementu (lub strony). Stamtąd możesz napisać prosty javascript. Ma nawet całkiem przyzwoity debugger.

1

Firebug ma konsolę (pierwsza zakładka okna firebug), w której można napisać kod JS i wykonać go na bieżącej stronie. Załóżmy, że strona internetowa ma zdefiniowaną funkcję o nazwie myFunc i chcesz ją przesłonić: wykonanie poniższych czynności w konsoli wystarczy.

myFunc = function(/* function arguments here */) { 
    /* new function body here */ 
}; /* notice the ; */ 

i zobaczyć obecna wersja funkcji można wykonać

uneval(myFunc); 

będzie wydrukować aktualną myFunc

uwaga: myślę, że domyślnie konsola pochodzi z jednoliniowe pole wprowadzania, ale gdzieś w opcjach można przełączyć się do wielowierszowego pola wprowadzania. Kiedy w linii, przechodzi do nowej linii, + wykonuje kod.

0

Jeśli przejdziesz do Narzędzia/Narzędzia programistyczne w Chrome, znajdziesz miejsce, w którym możesz zmienić cały kod z html, javascript i CSS, na żywo w przeglądarce. Oczywiście nie generuje on prawdziwej zmiany na stronie, tak jak ją widzisz, ponieważ można ją edytować tylko dla administratora strony internetowej:

+0

Jeśli chcesz zastosować prawdziwe zmiany, możesz użyć Opery. Opera umożliwia edycję wbudowanych plików JS i JS. Po łagodnym przeładowaniu strony zmiany zostaną zastosowane. Kliknij prawym przyciskiem myszy> Źródło> Wprowadź zmiany> Zastosuj zmiany. – XP1

0

Możesz edytować wbudowane tagi skryptów w widoku HTML Firebug. Wystarczy wybrać znacznik skryptu, a następnie nacisnąć przycisk "Edytuj". Po zakończeniu edycji naciśnij ponownie przycisk "Edytuj", aby zastosować zmiany.

0

Wtyczka do przeglądarki Firefox "Greasemonkey nie została jeszcze wymieniona. W ten sposób możesz przechowywać, ponownie wykorzystywać i udostępniać swoje skrypty. Nie jestem w 100% pewien, czy możesz uruchomić swój kod w tym samym zakresie co kod strony OOTB. Wstawianie dowolnych znaczników skryptów jest jednak nadal możliwe.

2

Można użyć Opery 12. Opera 12 umożliwia edycję wbudowanych plików JS i JS. Po łagodnym przeładowaniu strony zmiany zostaną zastosowane. Kliknij prawym przyciskiem myszy> Źródło> Wprowadź zmiany> Zastosuj zmiany.

Powiązane problemy