Chrome 展开所有页面链接的书签
Chrome bookmarklet to expand all the page links
如何创建 Chrome 小书签来扩展 更多示例 link，这样我就不必点击每个 link分别地：
http://www.learnersdictionary.com/definition/take
小书签应该可以打开所有更多示例 link 一次单击。
我假设您想创建一个 Chrome 扩展。
您可能希望创建一个后台脚本来捕获对 chrome 扩展程序图标的点击，然后向您的内容脚本发送 window 消息，该消息将被添加到页面代码中。然后您可以获得所需的页面元素，在本例中为链接并模拟点击它们。
您可以开始使用 Chrome 个扩展 here。
Simulating a click with JS
.querySelectorAll 和 .click
要点击所有这些按钮，首先，您需要知道如何 select 它们。
经检查，按钮父项的 class 是 vi_more。因此，要直接在它们内部定位 a，我们可以做 document.querySelectorAll('.vi_more>a')。 For more on document.querySelectorAll, visit the MDN Web Docs.
获得HTMLAnchorElement的NodeList个填充实例后，我们可以用.forEach遍历它们并用link.click()点击它们中的每一个。 For more on HTMLElement.click, visit the MDN Web Docs.
您的书签可能如下所示：
javascript:document.querySelectorAll('.vi_more>a').forEach(link => link.click())
如何创建 Chrome 小书签来扩展 更多示例 link，这样我就不必点击每个 link分别地：
http://www.learnersdictionary.com/definition/take
小书签应该可以打开所有更多示例 link 一次单击。
我假设您想创建一个 Chrome 扩展。
您可能希望创建一个后台脚本来捕获对 chrome 扩展程序图标的点击，然后向您的内容脚本发送 window 消息，该消息将被添加到页面代码中。然后您可以获得所需的页面元素，在本例中为链接并模拟点击它们。
您可以开始使用 Chrome 个扩展 here。
Simulating a click with JS
.querySelectorAll 和 .click
要点击所有这些按钮，首先，您需要知道如何 select 它们。
经检查，按钮父项的 class 是 vi_more。因此，要直接在它们内部定位 a，我们可以做 document.querySelectorAll('.vi_more>a')。 For more on document.querySelectorAll, visit the MDN Web Docs.
获得HTMLAnchorElement的NodeList个填充实例后，我们可以用.forEach遍历它们并用link.click()点击它们中的每一个。 For more on HTMLElement.click, visit the MDN Web Docs.
您的书签可能如下所示：
javascript:document.querySelectorAll('.vi_more>a').forEach(link => link.click())