Использование консоли Google Chrome для выполнения запросов

Question

Я работаю в тренажерном зале у стойки регистрации. Веб-сайт, который мы используем, занимает некоторое время, чтобы перемещаться по графическому интерфейсу. Эта консоль в браузере Google Chrome кажется довольно мощной. Может кто-нибудь, пожалуйста, направить меня на какой-то учебник или даже ответить на этот вопрос самостоятельно?

Как использовать консоль Google Chrome (проверить элемент> консоль) для выполнения поиска с использованием возможности поиска веб-сайта?

Благодарим за помощь!

Answer 1

Для этого вам потребуется некоторое базовое понимание javascript и DOM.

Если ваш сайт имеет простую форму для поиска, вы можете использовать что-то вроде этого.

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

Что делает то, что он изверг в searchfield и устанавливает его значение на «тест», а затем он отправляет форму поиска.

this site (извините за то, что он был на шведском языке, это был тот, над которым я работал в настоящее время), вы можете использовать следующее для поиска «теста».

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

Если ваш сайт загружен jQuery, вы можете немного упростить это.

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

Другой способ сделать это было бы перейти непосредственно к SEARCHRESULT-страницы с соответствующей строки запроса (если это поддерживается веб-сайт. В моем образце случае это будет выглядеть следующим образом (поскольку страницы поиска находится в/поиска и нужно просто строки запроса query работать).

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

Но ajp15243 отметил в комментариях по этому вопросу, все это зависит от того, как построен ваш сайт. это также немного грязный, чтобы напечатать все, что для каждого поиска.