Chrome에서 웹 페이지를 임시로 수정하려면 어떻게하나요?


10

휴대 전화에서 Chrome에 표시되는 웹 페이지를 일시적으로 수정하고 싶습니다. Chrome 데스크톱의 검사 요소 기능 과 비슷 합니다. 나는 이것이 일시적이라는 것을 알고 있지만 몇 가지 테스트를하고 싶습니다.

응용 프로그램 자체에서 해당 옵션을 볼 수 없거나 확장 프로그램, 다른 응용 프로그램이 필요합니까, 아니면 불가능합니까?


Android 용 Chrome에서는 Chrome 웹 스토어 (확장 프로그램)를 사용할 수 없으며 웹에서도 확장 프로그램을 찾지 못했습니다.
Firelord

답변:


7

URL 표시 줄에서 다음 스 니펫을 실행하면 데스크톱 용 Chrome Android 모두에서 작동합니다 .

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

한 가지 중요한 참고 사항 : 코드를 주소 표시 줄에 복사하여 붙여 넣으면 Chrome에서 자동으로 코드의 javascript:일부를 제거합니다 . 다시 추가해야 작동하지 않습니다!

그것은 바보 같은 JS를 주소 표시 줄에 복사하면 iPad를 얻거나 + 1,000 Facebook 친구를 얻을 것이라고 생각하는 바보 같은 사용자가 악성 코드를 실행하는 것을 방지합니다.

전체 페이지를 편집 할 수있게 되는 영향을 미칩니다 .

편집 한 웹 페이지를 저장해야하는 경우 인쇄> PDF로 저장 을 수행 할 수 있습니다.


나는 전문적인 웹 개발자이기 때문에 분명히 그 용도가 있습니다. 말할 것도없이 , 회사의 ' 고마워요, 주문이 확인되었습니다 '페이지를 위조 된 위조 된 스크린 샷 / 인쇄로 제품을 사기 위해 페이지를 위조하는 등의 조치를 취한 경우 에는 책임을지지 않습니다 .

원래 28 개의 질문 이있는 Stack Overflow에서 코드를 얻었습니다 .


2
효과가있다! 최소한 페이지 텍스트를 편집하고 페이지에서 개체를 삭제할 수 있습니다.
Jerry101 0

1
어떻게 작동하는지 잘 모르겠습니다. 주소 표시 줄에 복사하면 Chrome (데스크톱 및 모바일 버전 모두)에서 해당 용어를 검색합니다.
Bibz

네, 맞습니다. URL이 너무 길어서 탈피 부분을 놓쳤습니다.
Bibz


1

페이지 편집을 중지하려면 다음을 사용하십시오.

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


0

먼저 "http : //"앞에 "view-source :"를 추가 한 다음 주소 표시 줄에 이것을 입력하십시오. javascript : document.body.contentEditable = 'true'; document.designMode = 'on'; 무효 0


user218255 이것은 훌륭하게 작동합니다. 감사합니다. 그러나 코드를 편집 한 후 되돌아가는 방법은 무엇입니까? 변경 사항을 보려면 스테판
스테판
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.