9

Robiłem to milion razy, tj. Otwieram plik javascript w zakładce "Źródła", edytuję i naciskam CTRL + S, aby go zapisać, po czym Chrome potwierdzi to samo z "Ponowna kompilacja i aktualizacja powiodła się".Nie można edytować JavaScript w Narzędziach dla programistów Chrome

Ale już nie mogę tego zrobić! W konsoli nie ma komunikatu potwierdzającego.

Ponadto, okno źródła zmienia kolor na czerwony, co wskazuje, że nie udało się tego zrobić.

Ten sam skrypt jest edytowany z innego systemu.

Jestem na Chrome 41.0.2272.101m/WIN8.

Skrypt nie jest "uściślony", tylko po to, aby odpowiedzieć.!

+0

Miałem ten sam problem, ale teraz używam livereload. Może to także opcja dla ciebie. – newBee

+0

to livereload a plugin? – Neo

+0

częściowo, tak. Będziesz miał wtyczkę w chrome, która będzie współpracować z jakimś serwerem, który powiadomi twoją przeglądarkę/wtyczkę o zmianach. Użyłem Yeomana, który wygeneruje szkielet dla twojego projektu i automatycznie skonfiguruje wszystko, czego potrzebujesz. Ponieważ nie jest to odpowiedź na twoje pierwotne pytanie, nie wyjaśniam teraz wszystkiego w szczegółach. Może chcesz google to - nie powinno być zbyt trudne;) – newBee

Odpowiedz

9

Spróbuj użyć obszarów roboczych: https://developer.chrome.com/devtools/docs/workspaces

Dodaj folder projektu jako obszar roboczy w DevTools klikając prawym przyciskiem myszy w lewym panelu w źródłach i wybierając „Dodaj folder do Workspace”.

Następnie wybierz plik javascript z folderu w obszarze roboczym. Kliknij prawym przyciskiem myszy w dowolnym miejscu pliku, aby wybrać opcję "Odwzoruj na zasoby lokalne" i wybierz plik na żywo zgodny z bieżącym plikiem w obszarze roboczym.

To powinno umożliwić aktualizację pliku JS, a wszelkie zapisane zmiany zostaną zastosowane do bieżącej strony bez odświeżania.

+2

Obszary robocze są zdecydowanie najlepszym sposobem. Po skonfigurowaniu ich z lokalnymi plikami projektu, możesz zrobić 100% swojej pracy bezpośrednio w devtools, jeśli chcesz. Stworzyłem w ten sposób całe witryny internetowe bez konieczności opuszczania Chrome.To było wspaniałe i bezbolesne, oszczędzające czas i po prostu fajne, że teraz jest to możliwe. – jaredwilli

+0

To nie działa, teraz. Próbowałem edytować JavaScript w witrynie, ale nadal nie ma to wpływu. –

+0

Myślę, że ta metoda pozwala tylko zapisać bezpośrednio do pliku za pośrednictwem konsoli, nie odświeża lub przeładować na żywo przeglądarki – samayo

0

Możesz odsyłać poniższy link. Pokazuje instrukcje krok po kroku. https://www.youtube.com/watch?v=PJDPIsOfFZE Jedną z rzeczy, które znalazłem, jest to, że rozszerzenie Chrome Brain może być skonfigurowane w opcji (kliknij prawym przyciskiem myszy na JB przy rozszerzeniu chrome). Upewnij się, że numer portu jest zgodny z numerem portu debugowania Intellij. Jeśli używasz JRebel, jego numer portu jest inny niż debugger javascript.

3

Wymyśliłem dobry sposób na edycję strony internetowej JS bez konieczności zapisywania czegokolwiek. Utrzymuje się również przez ponowne ładowanie stron, ale musisz zachować konsolę programisty otwartą:

-Dodaj punkt przerwania, w którym chcesz wstawić kod.

-Odtwórz ten punkt przerwania i dodaj zmiany, które chcesz wprowadzić.

-Upewnij się, że linia kończy się na "false"; tak, że punkt przerwania nigdy rzeczywiście wyzwala (chyba, że ​​chcesz go wywołać)

Przykład: jeśli warunek przerwania jest „valueToChange = 100; false;”, za każdym razem wykonanie podchodzi tej linii „valueToChange” będzie ustawiono na 100.

+0

Jakiej wersji używasz? – Risinek

Powiązane problemy