Chrome书签用于展开所有页面链接

Question

如何创建Chrome书签来扩展更多示例链接，这样我就不必单独单击每个链接：
http://www.learnersdictionary.com/definition/take 书签应该只需单击一下即可打开所有其他示例链接。

Answer 1

.querySelectorAll和.click

要单击所有这些按钮，首先，您需要知道如何选择它们。

经检查，纽扣父母的classvi_more。因此，要直接针对它们内部的a，我们可以做document.querySelectorAll('.vi_more>a').有关document.querySelectorAll的更多信息，请访问 MDN Web 文档。

获得HTMLAnchorElement的NodeList填充实例后，我们可以用.forEach遍历它们，并用link.click()单击它们中的每一个。有关HTMLElement.click的更多信息，请访问 MDN Web Docs。

以下是您的书签可能的外观：

javascript:document.querySelectorAll('.vi_more>a').forEach(link => link.click())

Answer 2

我假设你想创建一个Chrome扩展程序。

您可能希望创建一个后台脚本来捕获对 chrome 扩展程序图标的单击，然后将窗口消息发送到您的内容脚本，该消息将添加到页面代码中。然后，您可以获取所需的页面元素，在本例中为链接并模拟单击它们。

您可以在此处开始使用 Chrome 扩展程序。

使用 JS 模拟点击