如何实现浏览器页面自动刷新并滚动到底部的持续运行功能?
实现方案
你可以选择以下两种路径实现需求:
方案1:修改现有自动滚动扩展
- 先开启Chrome扩展管理页的「开发者模式」,找到对应滚动扩展的本地安装目录,打开源码文件修改:
- 在
manifest.json中添加alarms权限,用来实现稳定的定时触发逻辑 - 在扩展的后台服务工作线程中新增定时刷新逻辑,可额外加个配置入口自定义刷新间隔
- 扩展的内容脚本部分新增
window.load事件监听,页面加载完成后直接调用原扩展自带的滚动到底方法即可,不需要重写滚动逻辑
- 在
- 修改完成后直接在扩展管理页加载已解压的修改后扩展,就能实现刷新+滚动的组合效果
方案2:自定义轻量脚本实现,复杂度更低
如果不想修改现有扩展,用几十行代码就能实现完整功能:
- 临时使用的话,直接打开目标网站按F12调出开发者工具,切换到「控制台」标签,粘贴以下代码运行即可生效:
// 自定义配置:刷新间隔,单位为毫秒,示例为30秒刷新一次 const REFRESH_INTERVAL = 30 * 1000; // 页面加载完成后执行逻辑 window.addEventListener('load', async () => { // 可根据网站加载速度调整延迟时间,避免懒加载内容没加载完就滚动 await new Promise(resolve => setTimeout(resolve, 1000)); // 滚动到页面底部 window.scrollTo(0, document.body.scrollHeight); // 到时间后自动刷新 setTimeout(() => location.reload(), REFRESH_INTERVAL); });
- 需要长期使用的话,把这段脚本封装成最简Chrome扩展,仅需
manifest.json和内容脚本两个文件,打包安装后打开对应网站就会自动执行,不需要每次手动运行代码
内容的提问来源于stack exchange,提问作者ab ab
相关产品推荐
相关产品推荐

