Wiem, jak używać JavaScriptu na konsoli Google Chrome.Zmiana plików JavaScript w Narzędziach programistycznych Google Chrome
Ale czy można edytować pliki JavaScript za pomocą narzędzi programistycznych Google Chrome i natychmiast zobaczyć zmiany? Jeśli tak to jak?
Próbowałem zmienić kod, ale nie ma to wpływu na stronę.
Możesz edytować javascript na stronie. Trzeba było dwukrotnie kliknąć starą wersję chrome lub w najnowszej wersji wystarczy jedno kliknięcie w pliku js. Następnie musisz nacisnąć Ctrl + S lub Cmd + S na komputerze Mac. Następnie DevTools wyśle zmieniony kod do V8.
Jeśli jesteś w sesji debugowania i pozostajesz w przerwie w funkcji, możesz ją edytować i po tym, jak Ctrl + S v8 przeniesie punkt wykonawczy z edytowanej funkcji, dzięki czemu będziesz mógł go przekazać ponownie.
Ale co, jeśli funkcja JavaScript ładuje się tylko raz podczas ładowania strony? – GangstaGraham
Masz na myśli bieganie? – loislo
W menu kontekstowym znajdują się elementy "Zapisz" i "Zapisz jako ...". – loislo
Możesz ponownie zdefiniować funkcję globalną lub zmienić wartość zmiennej w zakresie, ale nie znam się w Narzędziach Google Chrome, aby edytować kod podczas transmisji na żywo. Edytuję, a następnie odświeżam.
Możesz edytować kod CSS na żywo na karcie Źródła.
Ok dzięki. To byłaby fajna funkcja do wdrożenia, mam nadzieję, że zrobi to w przyszłej aktualizacji – GangstaGraham
@GangstaGraham - FYI, możesz zrobić natychmiastową edycję CSS w Chrome za pomocą zakładki Źródła. – jfriend00
Zabawne ... to zawsze działało dla mnie, ale z jakiegoś powodu nie działa. Shuold po prostu edytuj kod i naciśnij ctrl + s http://jsfiddle.net/XpU6R/2/ Może być konieczne dwukrotne kliknięcie przycisku pretty print, aby umożliwić edycję. –
Niedawno pojawił się Chrome 25, może oni wprowadził kilka zmian? Nie chodzi o to, że nie mogę zmienić kodu, ale nie ma to bezpośredniego wpływu na stronę, która byłaby idealna (jak Chrome już robi z edycją CSS). – GangstaGraham
Rozważ także [Obszary robocze] (https://stackoverflow.com/ pytania/29232701/nie można aktualizować na żywo-javascript-in-chrome-developer-tools) cechą najnowszych wersji Chrome. – Vadzim