JavaScript實現瀏覽器網頁自動捲動並點選的範例程式碼 | 社區大學終身學習網
![JavaScript實現瀏覽器網頁自動捲動並點選的範例程式碼](https://i.imgur.com/1IaoGs0.jpg)
2020年12月5日—1.開啟瀏覽器控制檯視窗·2.實時檢視滑鼠座標·3.編寫自動捲動程式碼.
![JavaScript實現瀏覽器網頁自動捲動並點選的範例程式碼](https://i.imgur.com/1IaoGs0.jpg)
1. 開啟瀏覽器控制檯視窗
JavaScript通常是作為開發Web頁面的指令碼語言,本文介紹的JavaScript程式碼均執行在指定網站的控制檯視窗。一般瀏覽器的開發者視窗都可以通過在當前網頁介面按F12快捷鍵調出,然後在上面的標籤欄找到Console點選就是控制檯視窗,在這裡可以直接執行JavaScript程式碼,而chrome系瀏覽器的控制檯介面可以使用快捷鍵Ctrl+Shift+J直接開啟
2. 實時檢視滑鼠座標
首先為了獲取當前的滑鼠位置的x、y座標,需要先重寫一個onmousemove函數來幫助我們實時檢視遊標處的x、y值,方便下一步編寫程式碼時確定初始的y座標和每次y方向捲動的距離
// 在控制檯輸入以下內容並回車,即可檢視當前滑鼠位置 // 具體檢視方式:滑鼠在網頁上滑動時無效果,當滑鼠懸停時即可在遊標旁邊看到此處的座標 document.onmousemove = function(e){ var x = e.pageX; var y = e.pageY; e.target.title = "X is "+x+" and Y is "+y; };3. 編寫自動捲動程式碼
具體程式碼如下,將程式碼貼上進控制檯並回車,然後呼叫auto_scroll()函數(具體引數含義在程式碼註釋檢視)即可執行
// y軸是在捲動的,每次不一樣;x座標也每次從這些裡面隨機一個 var random_x = [603, 811, 672, 894, 999, 931, 970, 1001, 1037, 1076, 1094]; // 初始y座標 var position = 200; // 最大執行max_num次就多休眠一下 var max_num = 20; // 單位是秒,每當cnt%max_num為0時就休眠指定時間(從陣列中任選一個),單位是秒 var sleep_interval = [33, 23, 47, 37, 21, 28, 30, 16, 44]; // 當前正在執行第幾次 var cnt = 0; ...
手機網頁自動捲動 chrome自動捲動 iphone自動滑動 自動瀏覽網頁程式 卷軸自動往下 Simple Autoscroll HTML 自動 捲 動 電腦自動下拉 手機網頁自動捲動 網頁自動往下拉 網頁自動往上拉 Simple Autoscroll chrome平滑捲動 滑鼠自動滾動 iphone自動滑動 電腦自動下拉 iphone觸控校正 頁面自動滾動 iphone軌跡敏感度是什麼 iphone觸控靈敏度 iphone自訂手勢 iphone輔助觸控設定 iphone捷徑自動填寫 iphone輔助觸控消失 chrome自動捲動 網頁自動下拉 自動捲動網頁 safari網頁自動滑動 畫面 自動 捲 動 自動捲頁 win10自動往下 卷軸自動往下 電腦網頁一直往下 電腦頁面一直自動往上 win10自動往上 筆電自動下拉 win10自動捲動 老人教育課程 市民 大學 策展實習2022 品牌IP 社 群 電 商 營運 實 作 班 烏 克 麗 麗 教學 學日文app dcard 社區大學 - 終身學習 林口社區大學課程表
chrome頁籤瘋狂亂跳、系統卷軸自動往下 | 社區大學終身學習網
【求救】我實在找不到解決方式:chrome頁籤瘋狂亂跳、系統卷軸自動往下、網頁卷軸自動往右. 中毒. google chrome瀏覽器. cws0827. 3 年前‧ 28175 瀏覽. 檢舉. Read More
JavaScript實現瀏覽器網頁自動捲動並點選的範例程式碼 | 社區大學終身學習網
2020年12月5日 — 1. 開啟瀏覽器控制檯視窗 · 2. 實時檢視滑鼠座標 · 3. 編寫自動捲動程式碼. Read More
Scrola 建立自動捲動網站效果的影片,設計網頁或簡報都很好用 | 社區大學終身學習網
Scrola 是一款協助使用者建立瀏覽網頁影片的線上工具,它可以在使用者輸入網址後產生瀏覽網頁的影片動畫,還能調整網頁對齊位置、裝置和瀏覽捲動速度,最終製作為 .mp4 ... Read More
Simple Autoscroll 可調整速度的網頁自動滾動工具 | 社區大學終身學習網
2021年6月22日 — 第1步 開啟下載網頁後,點擊右側的「加到Chrome」再點擊「新增擴充功能」即可完成安裝。 第2步安裝後,記得要將「Simple Autoscroll」固定到工具列上, ... Read More
【網頁自動捲動】資訊整理& Chrome 技巧相關消息 | 社區大學終身學習網
網頁自動捲動,(已解決)網頁、開始列表自動滑動- Mobile01,2020年1月7日— 各位大大好今天在使用電腦的時候發現一些問題例如在開網頁後,如果網頁可以左右移動, ... Read More
如何在Chrome 或Firefox 中自動向下或向上滾動網頁 | 社區大學終身學習網
這又是一個Chrome 擴展程序,它為您的瀏覽器添加了自動滾動選項。 下載並安裝後,您將在瀏覽器的右上角看到一個謹慎的按鈕。 要使用,您只需要按CTRL+ 鼠標左 ... Read More
網頁內容會自動向下捲動 | 社區大學終身學習網
昨天使用開啟IE網頁如中時電子報,再點選新聞內容,進入內容後約2-3秒後網頁內容會自動向下捲動,用coocle chrome 就無此問題,我家兩台電腦都是昨天開始 ... Read More
網頁總是自動往下滾動是滑鼠的問題還是電腦的問題 | 社區大學終身學習網
2021年6月26日 — 網頁總是自動往下滾動是滑鼠的問題還是電腦的問題,1樓匿名使用者這種情況一般不是滑鼠的問題,拔掉無線滑鼠的u盤之後,頁面依舊亂滾動。 Read More
自動滾動瀏覽器 | 社區大學終身學習網
它是一個可以自動滾動的瀏覽器。 您可以通過“共享”從其他瀏覽器應用程序和新聞應用程序進行鏈接。 雖然瀏覽器功能極小,但您可以在設置屏幕上進行精細設置,如滾動速度 ... Read More
讓瀏覽器自動滾網頁(JavaScript) | 社區大學終身學習網
2017年6月4日 — 頁數不多的話可以透過滑鼠、但還有沒有更方便(懶惰)的辦法? 這篇透過2行JavaScript程式碼,讓瀏覽器每隔幾秒自動幫我們向下滾動頁面,省略機械式地重複 ... Read More
相關資訊整理
![](https://i.imgur.com/1IaoGs0.jpg)
輕鬆滑手機(Android)哪裡學?新北市永和社區大學開課資訊
想要學習輕鬆滑手機(Android)可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下...
![](https://i.imgur.com/1IaoGs0.jpg)
輕鬆滑手機哪裡學?新北市永和社區大學開課資訊
想要學習輕鬆滑手機可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大家整理...