Jak tymczasowo edytować stronę internetową w Chrome?

Chcę tymczasowo edytować stronę wyświetlaną w Chrome na moim telefonie, coś podobnego do funkcji sprawdzania elementu na pulpicie Chrome . Rozumiem, że to tymczasowe, ale chcę zrobić kilka testów.

Nie widzę tej opcji w samej aplikacji, czy potrzebuję rozszerzenia, innej aplikacji, czy jest to niemożliwe?

Uruchomienie następującego fragmentu kodu na pasku adresu URL działa zarówno w Chrome na komputery, jak i Androida:

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Jedna ważna uwaga: po skopiowaniu i wklejeniu kodu do paska adresu Chrome automatycznie usuwa javascript:część z niego. Musisz dodać to z powrotem, inaczej nie zadziała!

Ma to na celu zapobieganie uruchamianiu złośliwego kodu przez głupich użytkowników, którzy myślą, że wygrają iPada lub zdobędą +1,000 znajomych z Facebooka, jeśli skopiują trochę podejrzanego JS do paska adresu.

Ma to wpływ na to, że całą stronę można edytować .

Możesz wtedy wykonać polecenie Drukuj> Zapisz jako PDF, jeśli chcesz zapisać edytowaną stronę internetową.

Jestem profesjonalnym programistą, więc zdecydowanie ma to dla mnie zastosowanie. Nie muszę dodawać, że nie ponoszę odpowiedzialności, jeśli zrobisz coś w ten sposób, np. Fałszując stronę firmy, dziękuję, Twoje zamówienie zostało potwierdzone , aby wyłudzić od nich produkty za pomocą fałszywego zrzutu ekranu / wydruku.

Pierwotnie dostałem kod z Stack Overflow, gdzie jest 28 takich pytań .

Warto zapoznać się z tym oficjalnym przewodnikiem: Zdalne debugowanie na Androida z Chrome . Polega na podłączeniu telefonu do komputera i debugowaniu strony za pomocą Chrome DevTools.

Aby zatrzymać edycję strony, możesz użyć tego:

javascript:document.body.contentEditable = 'false'; document.designMode='off'; void 0

Najpierw dodaj „view-source:” przed „http: //” Następnie wpisz to w pasku adresu javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; nieważne 0