Google 크롬 콘솔을 사용하여 검색 수행

Question

나는 프론트에서 체육관에서 일합니다. 우리가 사용하는 웹 사이트는 GUI를 사용하여 탐색하는 데 잠시 걸립니다. Google 크롬 브라우저의이 콘솔은 꽤 강력 해 보입니다. 누군가 제게 어떤 종류의 튜토리얼로 직접 안내하거나 심지어이 질문에 직접 대답 해 주실 수 있습니까?

Google 크롬 콘솔 (inspect 요소> 콘솔)을 사용하여 웹 사이트의 검색 기능을 사용하여 검색을 수행하려면 어떻게해야합니까?

도움 주셔서 감사합니다.

Answer 1

이렇게하려면 javascript와 DOM에 대한 기본적인 지식이 필요합니다.

귀하의 사이트가 검색 할 수있는 간단한 양식을 가지고 있다면 다음과 같이 사용할 수 있습니다.

document.getElementById('IdOfSearchField').value = 'test'; 
document.getElementById('IdOfSearchForm').submit(); 

검색 필드를 검색하고 해당 값을 "test"로 설정 한 다음 검색 양식을 제출한다는 것은 무엇입니까?

this site (스웨덴어로 된 것이 유감스럽게도 현재 진행중이었습니다) 'test'를 검색하려면 다음을 사용할 수 있습니다.

document.getElementById('query').value = 'test'; document.getElementById('SpeedSearchForm').submit(); 

사이트에 jQuery가로드되어있는 경우 약간 단순화 할 수 있습니다.

$('#query').val('test'); $('#SpeedSearchForm').submit(); 

이 귀하의 웹 사이트에서 지원되는 경우는 (적절한 쿼리 문자열로의 SearchResult-페이지로 바로 이동하는 것하고 또 다른 방법. 내 샘플의 경우, (이 같을 것이다 검색 페이지 때문에)/검색에 위치하며, 단지 작동하도록 쿼리 문자열 query을 필요로한다.

window.location = '/search?query=test'; 

하지만 문제에 코멘트에 언급 ajp15243 같은

, 그것은 모든 사이트 구축 방법에 따라 달라집니다. 그것은 입력도 지저분한입니다 검색 할 때마다 모두 해당됩니다.