Question

所以，我的编码背景很少，因此完全不知道如何处理这个问题。

我尝试浏览Fortune Tech以阅读2016年大部分时间内的新闻，当您滚动到需要点击的结尾时，会有一个链接，以便查看更多标题。它说＆＃34;查看更多技术新闻标题＆＃34;。我想以某种方式自动化这个过程，就像我向下滚动一样，它会自动加载下一组标题，而不必点击那里。我该怎么做？

Answer 1

我可以帮助您入门。您需要下载扩展程序Tampermonkey，以便自动将代码插入网页。这是您希望在自定义脚本中拥有的代码。

// ==UserScript==
// @name      Fortune Tech Auto Click
// @author    Some Random Guy On The Internet
// @include   http://fortune.com/tech/
// @include   http://someothersite.com/*
// @require   https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
// ==/UserScript==

(function() {
    'use strict';

    $(window).scroll(function() {
       if($(window).scrollTop() + $(window).height() == $(document).height()) {
          if (document.location.href.search('fortune.com/tech') !== -1) {  // This will run only on the fortune tech site
              $("#section-see-more").trigger("click"); 
          }else if (document.location.href.search('someothersite.com/*') !== -1) { // this will run on the someother.com/* site
              // Selector of the button.
              $("#other-button-id").trigger("click");
          }
       }
    });

})();

你可能需要稍微玩一下才能让它发挥作用。

编辑以更好地符合以下评论。

Answer 2

使用JQuery：

$('#section-see-more').click();
$('html, body').animate({ 
   scrollTop: $(document).height()-$(window).height()}, 
   1400, 
   "easeOutQuint"
);

您提到的网站目前没有jQuery，因此您必须手动将其加载到页面中。

除非您为此网站制作浏览器扩展程序并使用该代码点击将更多信息加载到屏幕上的链接，否则这是一个繁琐的过程。

如何为点击Chrome浏览器网页中特定链接的自动点击器编写代码

2 个答案: