Chrome, Firefox 및 Edge의 페이지에서 일시적으로 요소 숨기기
- 범주: 개발
일부 웹 페이지는 웹 브라우저에서 열 때 표시되는 페이지 요소로 인해 나를 짜증나게합니다.
요즘 태양 아래의 모든 사이트에서 사용하는 것처럼 보이는 어리석은 '쿠키를 사용합니다'알림, 뉴스 레터에 가입하라는 메시지, 잘못된 프로그래밍으로 인해 콘텐츠를 오버레이하는 광고 또는 콘텐츠에 액세스하는 것을 방해하거나 방해합니다.
내 반응은 내가 콘텐츠에 얼마나 액세스하고 싶은지, 표시되는 성가심, 내가 정기적으로 방문하는 사이트인지 등 여러 요인에 따라 달라집니다.
콘텐츠가 필수가 아닌 경우에는 보통 그대로두고 닫기 아이콘이나 버튼을 클릭하여 액세스 할 수없는 경우 다시 돌아 오지 않습니다. 내용이 중요한 경우, 내가 작성 중이거나 다른 사이트에서 제공하지 않는 정보가있는 새 기사에 대해 일반적으로 문제를 해결할 수있는 방법을 찾을 것입니다.
팁 : 텍스트 내용에 관해서는 먼저 페이지에서 인쇄 옵션을 찾습니다. 콘텐츠에만 초점을 맞춘 페이지를로드하기 때문입니다. 여러 페이지의 기사를 하나로 병합 할 수도 있습니다. 리더 모드 또는 확장자는 다른 옵션 일 수 있습니다.
Chrome, Firefox 및 Edge에서 일시적으로 요소 숨기기
안타깝게도 모든 콘텐츠와 사이트에서 작동하지 않습니다. Chrome, Firefox 및 Edge, 코드 기반 브라우저는 사이트에서 일시적으로 페이지 요소를 제거하는 데 사용할 수있는 개발자 도구와 함께 제공됩니다.
이것은 현재 방문 후 다시는 방문하지 않을 것으로 알고있는 사이트 또는 페이지에 적합한 옵션입니다. 정기적으로 사이트를 방문하면 요소를 영구적으로 제거하는 브라우저 확장 대신 더 나은 옵션이 될 수 있습니다.
Google Chrome 및 대부분의 Chromium 기반 브라우저
다음은 페이지의 요소를 일시적으로 제거하기 위해 코드베이스를 공유하는 Google Chrome 및 브라우저에서 수행해야하는 작업입니다.
1 단계. 페이지에서 F12 키를 탭하여 브라우저의 개발자 도구를 엽니 다.
2 단계. Inspector를 사용하여 페이지에서 제거 할 항목을 강조 표시합니다. Inspector를 활성화하고 마우스를 사용하여 원하는 요소를 선택하면됩니다. 해당 요소를 클릭하면 Chrome이 소스 코드에서 해당 위치로 이동합니다.
3 단계. 필요한 경우 코드에서 위치를 조정하십시오. 때로는 페이지에서 모든 요소를 제거하기 위해 상위 요소를 선택해야 할 수도 있습니다. HTML을 모르는 경우 한 번에 한 요소 (일반적으로 div 요소)를 위로 이동하여 올바르게 얻을 때까지 시행 착오를 사용하십시오.
단계 4. 개발자 도구 영역에서 코드 줄을 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴에서 '요소 숨기기'또는 '요소 삭제'를 선택하여 요소를 제거하십시오.
사이트에서 더 잘 작동하는 것을 찾으려면 시행 착오 또는 판단을 사용해야합니다. 사이트 설정 방법에 따라 페이지 요소를 제거하는 경우 기본 콘텐츠도 제거 할 수 있습니다.
Firefox 및 Firefox 기반 브라우저
1 단계. F12를 눌러 웹 브라우저의 개발자 도구를 엽니 다. 요소를 제거하려는 페이지가 활성화되어 있어야합니다.
2 단계. '요소 선택기'를 활성화하고 마우스를 사용하여 페이지에서 제거 할 항목을 선택하십시오.
단계 3. 소스에서 요소를 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴에서 '노드 삭제'를 선택하여 제거합니다.
Microsoft Edge
1 단계 . 요소를 수정하려는 페이지가 브라우저에서 활성화되어있는 동안 F12 키를 눌러 Microsoft Edge에서 개발자 도구를 엽니 다.
2 단계 . 브라우저의 '요소 선택'기능을 활성화하고 삭제하려는 요소 위로 마우스를 이동 한 다음 클릭하여 소스 코드에서 해당 요소로 이동합니다.
3 단계. 코드에서 요소를 마우스 오른쪽 버튼으로 클릭하고 '요소 삭제'를 선택하거나 Del 키를 직접 눌러 페이지에서 제거합니다.
