改寫自己的瀏覽器插件工具 myChromeTools

1. 起因, 目的:

前面我寫過, 自己的一個瀏覽器插件小工具

  • 最近又增加一個小功能,可以自動滾動頁面,尤其是對于那些瀑布流加載的網頁。
  • 最新的代碼都在這里

2. 先看效果

請添加圖片描述

3. 過程:

代碼 1, 模擬鼠標自然滾動
// 處理滾動控制邏輯,響應 popup.js 發送的 startScroll 和 stopScroll 消息。(function () {let scrollInterval = null;function smoothAutoScroll() {if (scrollInterval) {clearInterval(scrollInterval);}scrollInterval = setInterval(() => {const scrollHeight = document.documentElement.scrollHeight;const windowHeight = window.innerHeight;const currentScroll = window.scrollY;if (currentScroll + windowHeight >= scrollHeight - 1) {window.scrollTo({ top: 0, behavior: 'smooth' });} else {window.scrollBy({ top: 2, behavior: 'smooth' });}}, 16); // 每16毫秒滾動一次,約60fps}function stopScroll() {if (scrollInterval) {clearInterval(scrollInterval);scrollInterval = null;}}chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {if (message.action === 'startScroll') {smoothAutoScroll();} else if (message.action === 'stopScroll') {stopScroll();}});})();

4. 結論 + todo

  • 可以試試看,默認人工滾動,即滾滾停停,假裝是在閱讀。

希望對大家有幫助。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/81859.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/81859.shtml
英文地址,請注明出處:http://en.pswp.cn/web/81859.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

深度學習篇---OC-SORT簡介

OC-SORT(Observation-Centric SORT)是一種以觀測為中心的多目標跟蹤算法,旨在解決傳統 SORT 算法在目標遮擋、外觀變化和復雜交互場景下關聯準確性不足的問題。以下是其詳細介紹: 核心創新點 以觀測為中心的在線平滑&#xff08…

硬件工程師筆記——二極管Multisim電路仿真實驗匯總

目錄 1 二極管基礎知識 1.1 工作原理 1.2 二極管的結構 1.3 PN結的形成 1.4 二極管的工作原理詳解 正向偏置 反向偏置 multisim使用說明鏈接 2 二極管特性實驗 2.1 二極管加正向電壓 2.2 二極管加反向電壓 2.3 二極管兩端的電阻 2.4 交流電下二級管工作 2.5 二極…

vscode中讓文件夾一直保持展開不折疊

vscode中讓文件夾一直保持展開不折疊 問題 很多小伙伴使用vscode發現空文件夾會折疊顯示, 讓人看起來非常難受, 如下圖 解決辦法 首先打開設置->setting, 搜索compact Folders, 去掉勾選即可, 如下圖所示 效果如下 看起來非常爽 ! ! !

設計模式學習筆記

設計模式 一:分類: 創建型模式 用于描述“怎樣創建對象”,它的主要特點是“將對象的創建與使用分離”。GoF(四人組)書中提供了單例、原型、工廠方法、抽象工廠、建造者等 5 種創建型模式。 結構型模式 用于描述如何將…

Kaggle-Predict Calorie Expenditure-(回歸+xgb+cat+lgb+模型融合+預測結果)

Predict Calorie Expenditure 題意: 給出每個人的基本信息,預測運動后的卡路里消耗值。 數據處理: 1.構造出人體機能、運動相關的特征值。 2.所有特征值進行從新組合,注意唯獨爆炸 3.對連續信息分箱變成離散 建立模型&#x…

第十二篇:MySQL 分布式架構演進與云原生數據庫探索

本篇聚焦 MySQL 在互聯網架構演進過程中的角色變化,探討其從單體向分布式、再向云原生架構轉型的關鍵技術路徑與實踐建議。 一、傳統單體架構下的 MySQL 應用模式 在早期項目中,MySQL 多用于中小型應用: 單節點部署; 水平擴展難…

JVM——回顧:JVM的起源、特性與系統構成

引入 在當今數字化時代,Java語言及其運行環境Java虛擬機(JVM)在軟件開發領域占據著舉足輕重的地位。從大型企業級應用到各類移動應用,JVM憑借其獨特的特性和強大的功能,為開發者提供了高效且穩定的運行環境。 JVM的起…

大疆上云API+流媒體服務器部署實現直播功能

根據官網文檔上云API,先將官方提供的Demo部署起來,后端和前端服務環境搭建請參考官方文檔。因為官方文檔沒有對直播這塊的環境搭建進行說明,所以下面主要對直播功能環境搭建做一個記錄,僅供參考,如有不足之處&#xff…

計算機網絡 HTTP篇常見面試題總結

HTTP各版本區別 HTTP 1.0 無狀態、無連接:每次請求都需要建立新的 TCP,處理完后立即關閉,導致開銷較大。隊頭阻塞:每個請求必須按照順序依次處理,前面的請求未完成,后面的請求只能等待,減低了…

目標檢測:YOLO 模型詳解

目錄 一、YOLO(You Only Look Once)模型講解 YOLOv1 YOLOv2 (YOLO9000) YOLOv3 YOLOv4 YOLOv5 YOLOv6 YOLOv7 YOLOv8 YOLOv9 YOLOv10 YOLOv11 YOLOv12 其他變體:PP-YOLO 二、YOLO 模型的 Backbone:Focus 結構 三、…

開源 FcDesigner 表單設計器組件事件詳解

FcDesigner 是一款基于Vue的開源低代碼可視化表單設計器工具,通過數據驅動表單渲染。可以通過拖拽的方式快速創建表單,提高開發者對表單的開發效率,節省開發者的時間。并廣泛應用于在政務系統、OA系統、ERP系統、電商系統、流程管理等領域。 …

關于 smali:2. 從 Java 到 Smali 的映射

一、對照 Java 代碼與 Smali 代碼差異 1.1 方法調用差異:Java vs Smali Java 方法分類: 方法類型Java 示例Smali 指令特點說明靜態方法Utils.print("hi")invoke-static沒有 this 指針實例方法obj.show()invoke-virtual有 this,虛…

2025年05月29日Github流行趨勢

項目名稱:agenticSeek 項目地址url:https://github.com/Fosowl/agenticSeek項目語言:Python歷史star數:11898今日star數:2379項目維護者:Fosowl, steveh8758, klimentij, ganeshnikhil, apps/copilot-pull-…

Dubbo高頻面試題

引言 作為分布式服務框架的標桿,Dubbo憑借其高性能RPC通信、靈活的服務治理能力和豐富的容錯機制,成為Java技術棧中微服務領域的核心考點。本文系統梳理Dubbo高頻面試核心知識點,涵蓋容錯策略、負載均衡、注冊中心原理、服務上下線感知等關鍵…

氮氣吹掃電磁閥

一、氮氣吹掃電磁閥的概述 氮氣吹掃電磁閥是一種重要的工業自動控制設備,用于對工業設備中出現的雜質和沉淀物進行清理,以保證生產線的暢通和生產效率的穩定。其作用是在需要吹掃清洗的工業設備中,通過控制氣源的氣壓,打開電磁閥…

網絡安全的守護者:iVX 如何構建全方位防護體系

一、安全技術的三大趨勢 在數字化時代,網絡安全面臨著前所未有的挑戰。隨著企業級應用的普及,安全技術也在不斷演進。目前,安全技術架構的發展呈現出三大趨勢: 零信任架構的崛起:傳統的網絡安全依賴于邊界防護&#…

微軟云如何申請使用

微軟云(Azure)新手“開荒”指南:5步搞定賬戶,直達云端! 還在為云計算的復雜門檻發愁嗎?別擔心!當全球83%的企業都在加速“上云”,微軟智能云Azure憑借其在全球34個區域、200服務的龐…

magic-api配置Git插件教程

一、配置gitee.com 1,生成rsa密鑰,在你的電腦右鍵使用管理員身份運行(命令提示符),執行下面命令 ssh-keygen -t rsa -b 2048 -m PEM一直按回車鍵,不需要輸入內容 找到 你電腦中的~/.ssh/id_rsa.pub 文件…

ojs導入顯示空白頁錯誤信息

ojs技術支持:ojs.net.cn error: Uncaught Error: Call to a member function getData() on null in /var/www/html/ojs3/classes/search/ArticleSearchIndex.inc.php:38 Stack trace: #0 /var/www/html/ojs3/plugins/importexport/esci/filter/esciXmlArticleFilter.inc.php(…

【ConvLSTM第一期】ConvLSTM原理

目錄 🧠 一、ConvLSTM 原理詳解1.1 背景1.2 ConvLSTM 的結構 參考 ConvLSTM(Convolutional Long Short-Term Memory)是一種結合了卷積神經網絡(CNN)與循環神經網絡(RNN)中 LSTM(長短…