Edycja na żywo Zdalny JavaScript w Inspektorze Chrome

Question

Próbuję zdebugować zdalny javaScript za pomocą inspektora Google Chrome. Pamiętam w przeszłości mogąc:

1) Edit remote javascript using Chrome Inspector 

2) 'Save' the change using (cmd + s) 

3) Test the effect the the altered javaScript on the page 

Teraz, gdy próbuję „zapisz” zmianę dostaję żółtą ikonę ostrzegawczą w „zakładce”, który mówi

"Changes to this file were not saved to the file system" 

Czy ktoś może mi pomóc z tym należy pamiętać, że pracuję ze zdalnym kodem (nie próbuję zmieniać lokalnych plików) i mam zainstalowane rozszerzenie narzędzi programistycznych.

Answer 1

UPDATE: Zgodnie z poniższym linkiem, dokumenty zostały przeniesione here.

Musisz mieć skonfigurowane obszary robocze, aby to zrobić. Przeczytaj dokumenty dotyczące korzystania z obszarów roboczych: https://developer.chrome.com/devtools/docs/workspaces

Answer 2

Zmiany nie zostały zapisane na dysku, ponieważ oczywiście nie można uzyskać dostępu do zdalnego pliku js, ale będą działać, gdy javascript dotrze do tych linii kodu.

Możesz dodać punkt przerwania przed miejscem, w którym chcesz dynamicznie dodać swój kod, załadować ponownie stronę, dodać żądany kod, kliknąć ctrl-s. Zignoruj ​​ostrzeżenie o systemie plików i ciesz się nim.

Możesz śledzić numer these steps i zignorować ostrzeżenie.

Answer 3

Dla każdego, kto natyka się na to, jak ja ...

Dla Local Files

Być może trzeba uruchomić Chrome jako administrator. Lub w moim przypadku (Ubuntu) jako użytkownik root.

sudo google-chrome --no-sandbox 

Następnie można zapisać pliki w devtools.