【D1n910】如何快速模擬在網頁上的點擊操作?
正常操作,正常分析,大家好,我是D1n910

有一些活動需要我們通過不斷的點擊來完成一些操作,
我們可以通過運用一些簡單的前端知識進行解決。
如何快速模擬在網頁上的點擊操作?
步驟如下
一、下載一個瀏覽器,這邊推薦谷歌瀏覽器

二、在瀏覽器中訪問你要進行點擊操作的網頁。
建議可以用一些網站的加入購物車來測試
我們知道在這里鼠標點擊“+”號一下,左邊的數(shù)字會加1,所以方便我們用來測試我們的方法是否成功。

三、打開你的瀏覽器的【開發(fā)者工具】
請百度: {你的瀏覽器名稱} + 【開發(fā)者工具】


四、打開你的瀏覽器的【開發(fā)者工具】,選中你要點擊的元素
4.1、選擇元素選擇器按鈕
4.2、把鼠標移動到你要點擊的元素上,不用點擊下去,就會看到右邊有選擇到對應的元素
4.4、看到選擇到對應的元素

五、修改選中元素的id
5.1、右鍵對應的元素
5.2、選擇 Edit as HTML

5.3?在寫上第一個單詞的空格后,寫上id值,比如這里我寫的是`id="d1n910click"?`
注意:如果本身這個元素已經有id值了,那么不用再寫id值?。?!

5.4、隨便點擊這段代碼的空白區(qū)域,就可以保存我們剛剛的操作了,這時候我們看到效果是這樣的

六、進入控制臺進行操作
點擊`console`就可以進入控制臺

這里輸入參考我寫的代碼
document.getElementById('d1n910click').click()
其中的?d1n910click?是你剛剛填寫id值,如果你剛剛填寫的是?d1n910click?那就不用改,如果本身就有id值,就用原來的id值

回車以后,你就可以看到有相應的添加了。

七、運用定時器方法,可以進行自動點擊
我們可以用定時器`setTimeout`方法來定時間點擊,如下所示
setTimeout(() => {
? ? document.getElementById('d1n910click').click()
}, 2000)

這個的意思是,在2000毫秒即2秒后執(zhí)行
?document.getElementById('d1n910click').click()
其中的`2000`我們可以自定義的。
八、運用輪訓定時器方法,可以進行不停的自動點擊
我們可以用輪訓定時器setInterval方法來定隔一段時間輪訓點擊,如下所示
setInterval(() => {
? ? document.getElementById('d1n910click').click()
}, 2000)
這個的意思是,每隔2000毫秒即2秒后執(zhí)行一次
?document.getElementById('d1n910click').click()
* 如果你想停止執(zhí)行以上任何一條頁面內容,直接刷新頁面即可
END