카테고리 없음

chrome의 페이지 내 검색 및 사이트 내 검색 방법! html 검색/확장 기능

DKel 2022. 8. 16. 03:04
반응형
chrome에서의 페이지 내 검색 및 사이트 내 검색
여러분은 chrome의 페이지 내 검색이나 사이트 내 검색을 해본 적이 있습니까?
페이지 내 검색
지금 열려 있는 웹페이지 내의 특정 문자를 검색하고 싶을 때 이용하는 페이지 내 검색 기능인데, 이번에는 좀 더 편리하게 이용하기 위해 바로가기 페이지 내 검색 방법과 페이지 내 html 검색 방법을 소개해드리겠습니다.
사이트 내 검색
사이트 내 검색은 하나의 페이지 안뿐만 아니라 사이트 전체에서 특정 워드를 검색하는 것으로 이번에 취급합니다.

사이트에 따라 검색창이 설치되어 있는 곳도 있지만 이번에는 사이트에 설치되어 있는 검색창을 사용하지 않고 chrome 확장 기능으로 사이트 내 검색을 하는 방법을 소개해 드리겠습니다.
꼭 chrome의 페이지 내 검색 및 사이트 내 검색 기능을 사용하여 구글에서 검색했을 뿐만 아니라 페이지 내에서의 검색 속도를 높입니다!
chrome의 페이지 내 검색 방법
chrome에서 페이지 내 검색을 원할 경우 메뉴에서 검색하는 방법과 바로가기 방식으로 검색하는 방법이 있습니다.각자 소개해드리겠습니다.
메뉴에서 검색
chrome의 [편집]→ 검색에서 ′검색′을 선택하십시오.
그러면 chrome 창의 오른쪽 상단에 검색창이 나타납니다.이 검색창에 검색하고자 하는 단어를 입력합니다.

이번에는 예로서 「디플러그」라고 하는 워드를 입력합니다.
그러면 지금 펼쳐져 있는 페이지의 디플러그라는 말이 노란색 배경색으로 강조 표시됩니다.
대상의 워드가 페이지내에 복수 있는 경우는 엔터나, 검색등의 화살표를 클릭하면, 다음의 후보로 날 수 있습니다.
※ 돌아가고 싶을 때는 ′Shift+Enter′
이렇게 검색하고자 하는 워드를 열고 있는 페이지에서 쉽게 검색&강조 표시를 할 수 있습니다.
바로가기 페이지 내 검색 방법
위에서는 메뉴에서 검색창을 켰지만 사실 chrome 바로가기에서도 검색창을 띄울 수 있습니다.

바로 가기에서 검색 바를 나타내려면

Mac : Command + F
Windows: Ctrl+F

됩니다. F는 발견하다라는 뜻의 Find의 F인가요?
또한 키보드로 검색어를 입력하기 때문에 키보드 상에서 완결할 수 있는 단발머리가 메뉴를 사용하여 검색대를 띄우는 것보다 빠르게 진행됩니다.
Web 페이지의 html를 페이지 내 검색하고 싶은 경우는 어떻게 하면?
웹페이지는 html라는 언어로 쓰여져 있습니다.html를 실제로 쓰고 있거나 웹 광고 쪽 일에 종사하고 계신 분이라면 이 html 요소를 검색하고 싶은 경우도 있을 것 같습니다.
이 경우 chrome의 디벨로퍼 툴을 기동하도록 하겠습니다.숏컷으로 부팅하는 방법은
Mac: Command + Option + I
Windows: Ctrl+Shift+I(또는 F12)

입니다.
그러면 이미지와 같은 창이 chrome 위로 올라옵니다.

그 안에 ′Elements′라는 탭을 엽니다.그러면 해당 페이지 내의 html가 표시됩니다.
html가 표시되지 않는 분은 그 페이지를 리로드 해 읽읍시다.
바로 가기에서 검색 바를 보여 줍니다.

Mac : Command + f
Windows: Ctrl+f

그래서 검색창이 떠 오릅니다.이 검색창에 검색하고자 하는 요소나 class명 등을 입력하세요.
위에서는 img이라는 태그를 검색하고 있습니다.그러면 img 태그 부분이 chrome의 페이지 내 검색과 동일하게 강조 표시되어 표시됩니다.

이렇게 디벨로퍼 툴을 사용하여 html까지 검색할 수 있습니다.
chrome 사이트 내 검색 방법
Web 사이트에 검색창이 붙어 있는 경우는 그 검색창을 통해 사이트 내를 키워드 검색할 수 있을 거라고 생각합니다.

여기에서는 chrome 확장 기능을 통해 사이트 내 검색 방법을 알아보겠습니다.이번에 사용하는 확장 기능은 「Search the current site(사이트 검색)」입니다.

인스톨은 아래의 링크에서 실시할 수 있습니다.
Search the current site(사이트 검색) 설치
확장 기능이 설치되면 chrome 오른쪽 상단에 돋보기 아이콘이 나타납니다.클릭을 하면 검색바가 일어서기 때문에 여기에 검색하고 싶은 단어를 입력합니다.
그러면 구글에서 해당 사이트와 검색어를 지정한 상태에서 검색이 이루어집니다.이렇게 구글 검색 시스템을 통해 사이트 내부를 검색할 수 있습니다.
주의적으로는 사이트의 모든 페이지를 구글에서 검색할 수 있는 것이 아닙니다.사이트에 따라 특정 페이지를 구글 검색하지 못하도록 설정할 수 있습니다.

또 찾고 싶은 기사나 페이지가 공개된 지 얼마 되지 않은 경우라면 구글에서 검색이 안 되는 경우가 있습니다.

이번에는 구글에서 검색할 수 있는 범위에서 사이트 내 검색 방법이므로, 그 점 주의해 주세요.
정리
이번에는 chrome을 사용한 페이지 내 검색과 사이트 내 검색에 대해 정리했습니다.

페이지 내 검색은 한 적이 있지만, 사이트 내 검색은 한 적이 없다는 분이 의외로 많지 않을까요?

둘 다 편리한 기능이니 꼭 사용해 보세요.
반응형