米侠浏览器如何通过脚本实现网页自动刷新功能?

小磊同学_8940

小磊同学_8940

2026-06-19

780人浏览

原创

米侠浏览器可通过脚本精灵编写javascript实现带倒计时浮层的自动刷新:匹配目标网址后,注入含定时器与dom面板的代码,每45秒刷新并实时显示剩余时间。

米侠浏览器如何通过脚本实现网页自动刷新功能?

你想让米侠浏览器在特定网页上按固定间隔自动刷新,又不想依赖内置“定时刷新”功能——比如需要倒计时提示、只在满足条件时触发、或与其他页面操作联动,这时就得用脚本实现。

通过脚本精灵创建自动刷新脚本

米侠浏览器自带“脚本精灵”,无需额外安装油猴扩展,直接编写JavaScript即可生效。

第一步:点击浏览器右下角三条横线图标 → 进入侧边栏 → 选择“脚本精灵”。

第二步:点击右上角“新增”按钮 → 填写脚本名称(如“每30秒刷新”)→ 在“匹配网址”栏输入目标页面URL,支持通配符:【必须填写,否则脚本不会运行】。例如监控后台页可填 https://admin.example.com/*,若想匹配所有页面则填 *://*/*。

第三步:在代码编辑区粘贴以下基础刷新逻辑:

setInterval(() => {<br>  location.reload();<br>}, 30000); // 每30秒刷新一次

第四步:点击“保存” → 确保脚本右侧开关为绿色启用状态 → 切换到匹配的网页,脚本立即生效。

增强版:带倒计时浮层的自动刷新

基础刷新无法感知下次动作时间,容易误操作或错过关键信息。加一个浮动倒计时面板,能显著提升可控性。

方法一:替换原脚本代码,直接使用带UI的完整版本

page-agent 浏览器控制(CDP)
page-agent 浏览器控制(CDP)

使用 page-agent CLI(CDP)控制浏览器;CLI只能通过 GitHub Release 的 .tgz 安装,npm 官方包暂未发布。

下载

将脚本精灵中原来的代码全部清空,粘贴以下内容(已适配米侠浏览器DOM注入环境):

// ==UserScript==<br>// @name 带倒计时的自动刷新<br>// @match *://*/*<br>// @grant none<br>// ==/UserScript==<br>(function() {<br>  const interval = 45000; // 改这里:单位毫秒,当前为45秒<br>  let countdown = interval / 1000;<br>  let timer;<br>  function createPanel() {<br>    if (document.getElementById('refresh-panel')) return;<br>    const panel = document.createElement('div');<br>    panel.id = 'refresh-panel';<br>    panel.style.cssText = 'position:fixed;bottom:20px;right:20px;background:#2c3e50;color:#ecf0f1;padding:8px 12px;border-radius:4px;z-index:9999;font-size:14px;';<br>    panel.textContent = `? ${countdown}s 后刷新`; <br>    document.body.appendChild(panel);<br>  }<br>  function updatePanel() {<br>    const el = document.getElementById('refresh-panel');<br>    if (el) el.textContent = `? ${countdown}s 后刷新`;<br>  }<br>  function startCountdown() {<br>    countdown = interval / 1000;<br>    createPanel();<br>    timer = setInterval(() => {<br>      countdown--;<br>      if (countdown         clearInterval(timer);<br>        location.reload();<br>      } else {<br>        updatePanel();<br>      }<br>    }, 1000);<br>  }<br>  startCountdown();<br>})();

保存后刷新页面,右下角会出现蓝色倒计时浮层,数字归零即刷新。

注意:若页面禁止动态插入DOM(如某些金融类后台),浮层可能不显示,但刷新逻辑仍会执行。

关闭脚本刷新的正确方式

脚本一旦启用,不会随页面关闭而终止;它会在每次访问匹配网址时重新加载。要彻底停用,不能只关网页标签。

第一步:回到“脚本精灵”界面 → 找到对应脚本 → 点击右侧开关将其置为灰色禁用状态。

第二步:若需永久删除,长按该脚本条目 → 弹出菜单中选择“删除” → 确认后脚本文件彻底移除。

第三步:对已启用但未生效的脚本,检查其@match规则是否与当前地址栏URL完全匹配——【协议、子域名、路径斜杠都必须一致,file://和https://视为不同域】。

相关专题

更多
Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

2026.10.22

60

11

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

2026.10.22

40

10

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

2026.10.22

40

15

Gradle怎么构建Java项目
Gradle怎么构建Java项目

本专题介绍Gradle Java项目构建方法,涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查,帮助你理解各阶段的任务关系,逐步完成项目构建。

2026.10.22

20

10

PHP时间戳漏洞修复教程
PHP时间戳漏洞修复教程

本专题汇总PHP常见时间戳漏洞,包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等,并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案,帮助开发者快速排查和加固时间相关代码。

2026.10.22

20

25

Golangci-lint配置文件与规则设置
Golangci-lint配置文件与规则设置

本专题聚焦Golangci-lint YAML配置文件,讲清运行参数、规则启停、目录排除、问题过滤及严重级别设置,便于团队统一检查标准。

2026.10.22

20

15

Golangci-lint安装与入门教程
Golangci-lint安装与入门教程

本专题讲解Golangci-lint的安装、初始化、基础命令和首次代码检查,覆盖本地环境、Docker及多平台用法,帮助Go开发者快速上手。

2026.10.22

20

15

PHP2Shell高危漏洞修复教程
PHP2Shell高危漏洞修复教程

PHP2Shell漏洞是什么,哪些PHP版本和运行环境会受到影响,服务器应该如何检测与修复?本专题提供版本自查脚本、Linux与Docker升级命令、PHP-FPM和Apache排查步骤,以及修复验证、临时缓解和应急响应方案。

2026.10.22

160

12

剧云人物设定与关系管理教程
剧云人物设定与关系管理教程

本专题介绍剧云人物设定与关系管理,讲解角色小传、性格职业、人物目标、背景资料和关系网络的创建及维护方法。

2026.10.22

20

16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Javascript 基础教程
Javascript 基础教程

共26课时 | 12.6万人学习