如何自動檢查網站上某個元素的實例並返回一個數值

Question

我需要某種軟件，允許我編寫一個打開特定網站的自動化流程腳本，檢查某個元素（例如，H1 元素或按鈕）的實例數量並返回一個數字。 這樣它就可以查看是否比上次檢查時多或少了一個，並發出警報表明某些事情發生了變化。

而且我需要從客戶端，在他/她的計算機上而不是服務器上執行此操作，因此無法將其編碼到網站中。*

有人建議我嘗試 WinTask，我已經玩了幾個星期並得到了有趣的結果，但顯然，我無法讓它“讀取”網站上的某些元素並“計算”它們......例如，我所能做的就是點擊網站上的所有鏈接或按鈕......這可以滿足我的需要，只要它能夠計算有多少這些元素並返回一個數值； 但似乎不能。

我還被推薦為 Selenium ......但在那一個上我什至無法正確設置它並運行一個簡單的腳本！

我對所有想法持開放態度！ 謝謝！

*編輯：為了更清楚地說明這一點：我實際上無法向相關網站添加任何代碼，或以任何方式編輯它們，因為它們是我無法訪問的第三方網站。 你看，這個想法是這些網站上出現了某些職位發布，人們必須經常查看這些網站以查看可用的內容。 這個自動化腳本的想法是每 30 分鍾左右刷新一次網站，讀取有多少張貼的項目，並知道上次檢查有多少，當差值為 +1 或更多項目時發出警報.

Answer 1

您可以使用 jquery 或 javascript 來獲取結果。

為了向您顯示結果，這沒有使用 GET 方法。 然后使用 cookie 來存儲頁面和結果的值，並通過檢索 cookies 值來比較數字。

 console.log($('h1').length); console.log($('span').length); console.log($('.anotherclass').length);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <h1>Here are some examples</h1> <span class="someclass">First Test</span> <span class="anotherclass">Second Test</span> <span class="anotherclass">Third Test</span>

更新：

由於涉及 cookies 並且這是嵌入代碼的安全問題，因此受到限制。

但是假設您獲取內容並保存舊帖子的 cookie 並將其與當前帖子的數量進行比較……然后我們可以編寫類似這樣的代碼。

 var newjobs = document.getElementById('newjobs'); oldposts = 50; currentposts = 73; newposts = (currentposts - oldposts); if ( newposts > 0){ newjobs.innerHTML = 'There are ' + newposts + ' new job listings'; } else { newjobs.innerHTML = 'There are no new job listings'; }

 <p id="newjobs"> </p>