如何创建 JS 脚本以在特定页面中显示隐藏图像

Question

我试图创建一个在 www.instructables.com 中工作的 Greasemonkey JavaScript 脚本。
我想从该脚本中单击 "Show All Items" 按钮以加载隐藏的图像。

这是一个示例页面： http://www.instructables.com/id/Message-in-a-Tin-Can/?ALLSTEPS

这是我要显示的图像示例：

Answer 1

假设 'show all items' 链接是唯一具有 class 'photoset-showmore' 的元素，您可以试试这个

window.onload = function() {
    var links = document.getElementsByClassName('photoset-showmore');
    for (key in links) {
        if (typeof links[key]['click'] == 'function')
            links[key].click();
    }
}

（您可以在 firefox js 控制台或 greasemonkey 脚本中查看）

如何创建 JS 脚本以在特定页面中显示隐藏图像

How to create a JS Script to show hidden Images in a specific page

html

javascript

firefox

greasemonkey

userscripts