javascript - 如何在网页上切换此链接？

Question

我想自动单击网页上的切换链接。我无法修改其他用户脚本，因为该网页似乎以不同的方式进行切换。

网页为anidb.net/perl-bin/animedb.pl?show=animelist切换开关是一个按钮，位于右侧栏中，位于“保存/加载设置”旁边(如果您已登录，则位于“重置”旁边)。

以下 HTML 似乎是控制切换的内容。

<div class="g_menu filter_menu expanded">
    <h3>
        <a class="i_icon i_expanded" title="Toggle display of menu"></a>
    </h3>

我尝试了 another Stack Overflow question 中的一些方法但无法让他们工作。

Answer 1

该切换控件是通过 javascript (jQuery) 添加的，因此您必须使用 AJAX 感知技术来访问它。
请参阅Choosing and activating the right controls on an AJAX-driven site .

您指出的链接有一个 CSS 类 (i_expanded)，它是 waitForKeyElements() 的绝佳选择器。因此，该网站的完整脚本很简单:

// ==UserScript==
// @name     aniDB, auto-close the sidebar menu
// @match    *://anidb.net/perl-bin/animedb*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// ==/UserScript==
/*- The @grant directive is needed to work around a design change
    introduced in GM 1.0.   It restores the sandbox.
*/
waitForKeyElements (
    ".filter_menu.expanded .i_expanded", clickNode, true
);

function clickNode (jNode) {
    var clickEvent  = document.createEvent ('MouseEvents');
    clickEvent.initEvent ('click', true, true);
    jNode[0].dispatchEvent (clickEvent);
}