google-chrome - 使用 Google Chrome 的控制台执行搜索

Question

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

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

谢谢你的帮助！

score 0 · Accepted Answer

你需要对 javascript 和 DOM 有一些基本的了解才能做到这一点。

如果您的网站有一个简单的搜索表单，您可以使用这样的东西。

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

所做的是它限制搜索字段并将其值设置为“test”，然后提交搜索表单。

在这个网站上（对不起，它是瑞典语，这是我目前正在研究的那个），您可以使用以下内容搜索“测试”。

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

如果您的网站加载了 jQuery，您可以稍微简化一下。

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

另一种方法是使用适当的查询字符串直接导航到搜索结果页面（如果您的网站支持。在我的示例案例中，它看起来像这样（因为搜索页面位于 /search 并且只是需要查询字符串query才能工作）。

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

但正如 ajp15243 在问题评论中指出的那样，这完全取决于您的网站是如何构建的。每次搜索都输入所有内容也有点混乱。

1 回答 1