使用Google Chrome控制台执行搜索

Question

我在前台的健身房工作。我们使用的网站需要一段时间才能使用GUI进行导航。 Google Chrome浏览器中的此控制台看起来非常强大。有人可以指导我做某种教程甚至自己回答这个问题吗？

如何使用Google Chrome控制台（检查元素＆gt;控制台）使用网站的搜索功能执行搜索？

感谢您的帮助！

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在该问题的评论中指出的那样，这完全取决于您的网站的构建方式。为每次搜索输入所有内容也有点麻烦。