1. 痛点为什么你总是抢不到GPU相信很多在Autodl这类平台上跑模型、做训练的朋友都经历过这种“血压飙升”的时刻你算好了时间准备关掉一个旧实例去开一个配置更高、价格更划算的新机器。你手指飞快地点击“关机”然后立刻切换到“容器实例”页面准备抢占心仪的A100或者4090。结果呢页面刷新出来刚才还显示“可租”的GPU瞬间就变成了灰色。你心里咯噔一下不信邪地又按了F5刷新了十几次那个小绿点再也没有亮起来。这种感觉就像春运抢票或者双十一秒杀拼的不仅是手速更是运气和“玄学”。你可能会想我不是已经订阅了平台的通知吗是的Autodl平台本身提供了GPU上线通知的功能可以通过微信或者邮件提醒。但这里有几个很现实的问题第一微信通知的到达率并不稳定很多时候消息被折叠或者干脆不推送等你看到的时候黄花菜都凉了。第二邮件通知的延迟更高等你打开邮箱GPU早就被别人“截胡”了。第三也是最关键的你不可能24小时盯着微信或者邮箱你总得吃饭、睡觉、开会吧就在你离开电脑的这十几分钟里可能就有好几块卡上线又被抢走了。这种“手动刷新碰运气”的模式效率极低体验极差完全是在浪费宝贵的时间和精力。我们做AI开发精力应该聚焦在模型调优和业务逻辑上而不是像个“网络黄牛”一样不停地刷新网页。所以我们需要一种更智能、更主动、更“无感”的解决方案。这个方案最好能像你的私人助理一样7x24小时帮你盯着资源池一旦有“猎物”出现立刻用最醒目的方式通知你让你能第一时间出手。这就是我们今天要聊的用一段轻巧的浏览器脚本实现Autodl GPU资源的智能监控与自动抢占提醒。2. 思路用浏览器脚本当你的“抢卡哨兵”要实现自动化监控我们得先理清思路。我们的目标是让浏览器自动、定时地检查Autodl页面上是否有可用的GPU并在发现时用无法忽视的方式通知我们。拆解一下这个目标包含几个核心动作定时任务脚本需要每隔几秒就自动执行一次检查模拟我们手动按F5的行为。模拟点击刷新光检查还不够页面数据需要刷新才能获取最新状态。我们需要让脚本能自动点击页面的“刷新”按钮。DOM元素检测刷新后我们需要分析页面结构找到那个代表“有可用GPU”的关键HTML元素。通常Autodl会在有卡时在某个区域显示提示信息或特殊样式。系统级通知一旦检测到目标元素就触发操作系统的原生通知。这个通知会像微信消息一样弹出在桌面右下角Windows或屏幕右上角Mac并且伴有提示音想忽略都难。为什么选择浏览器脚本因为它有三大优势轻量、免部署、零成本。你不需要搭建后端服务器不需要写复杂的爬虫更不用操心IP被封。你只需要在你平时用来登录Autodl的那个浏览器里运行一段JavaScript代码。它完全运行在你的本地浏览器环境中只与你自己的账号和页面交互安全且私密。整个方案的技术栈简单到只有前端三件套HTML/CSS/JS里的JS对于任何有一点编程基础甚至只是会复制粘贴的朋友来说上手门槛都极低。接下来我们就一步步把这个思路变成可运行的代码。我会把每一行代码的作用都讲清楚即使你完全没写过JS也能跟着做出来。3. 实战手把手编写你的监控脚本好了理论说完我们直接上代码。下面这个脚本是我自己用了很久并且根据Autodl页面结构优化过的版本。你不需要理解每一处细节但我会带你走一遍核心逻辑这样你以后想修改或者调试心里也有底。首先打开你的Autodl网站并登录账号进入“容器实例”列表页面。然后按下F12键或者右键选择“检查”打开浏览器的开发者工具切换到Console控制台标签页。这里就是我们输入和运行脚本的地方。3.1 核心代码分解把下面这一整段代码复制粘贴到控制台里然后按回车。注意粘贴前请确保网页已经获得了系统通知权限通常浏览器地址栏附近会有一个小图标点击允许通知。// 1. 定义弹出系统通知的函数 function showNotification() { // 延迟1秒执行确保页面稳定 setTimeout(function () { // 尝试将浏览器窗口聚焦对于某些浏览器通知需要窗口在前台 window.focus(); window.blur(); // 检查浏览器是否支持Notification API并且用户没有拒绝过通知权限 if (window.Notification Notification.permission ! denied) { // 请求通知权限如果还未获取 Notification.requestPermission(function(status) { // 如果权限状态是“已授权” if (status granted) { // 创建并显示一个系统通知 var notification new Notification( GPU资源上线啦, { body: 快回来Autodl上有可用的GPU了赶紧去抢, // 通知正文 icon: https://www.autodl.com/favicon.ico // 可选设置一个图标这里用了Autodl的图标 }); // 点击通知时的行为聚焦到当前浏览器标签页 notification.onclick function () { window.focus(); }; } else { // 如果用户拒绝了权限或不支持在控制台输出日志 console.log(当前浏览器不支持或用户拒绝了系统通知。); } }); } else { console.log(浏览器不支持Notification API或通知权限已被永久拒绝。); } }, 1000); } // 2. 定义主要的检测与执行函数 function checkAndNotify() { console.log(【监控脚本】执行一次检测..., new Date().toLocaleTimeString()); // 第一步模拟点击页面上的“刷新”按钮 // 注意这个CSS选择器需要根据Autodl的实际页面结构来定可能会变 let refreshButton document.querySelector(#app div:nth-child(4) div.data-list-common div.page-content div.content-header div:nth-child(1) button.el-button.el-button--default.el-button--small.refresh-btn); if (refreshButton) { refreshButton.click(); console.log(已触发页面刷新。); } else { console.warn(未找到刷新按钮请检查页面结构或CSS选择器。); } // 第二步检测代表“有GPU可用”的页面元素 // 关键点这里需要你观察Autodl页面有卡时的特征。 // 例如有卡时可能会多出一个class为“gpu-available-tip”的div。 // 下面的选择器是一个示例你必须自己修改 let gpuAvailableIndicator document.querySelector(.gpu-available-tip, .ant-alert-success, [data-testidgpu-tip]); // 可以写多个可能的选择器用逗号分隔 // 如果找到了这个元素即元素存在且可见 if (gpuAvailableIndicator gpuAvailableIndicator.children.length 0) { console.log( 检测到可用GPU触发通知); // 调用通知函数 showNotification(); // 可选检测到后停止继续监控防止通知轰炸 // clearInterval(intervalId); // console.log(监控已停止。); } else { console.log(当前无可用GPU。); } } // 3. 启动定时监控任务 // 设置每5秒5000毫秒执行一次checkAndNotify函数 var intervalId setInterval(checkAndNotify, 5000); console.log(✅ GPU智能监控脚本已启动每5秒检测一次。Interval ID:, intervalId);3.2 代码关键点解读与自定义上面代码中有两个至关重要的部分需要你根据实际情况调整否则脚本无法工作刷新按钮的选择器 (refreshButton) Autodl网站前端可能会更新按钮的HTML结构和CSS类名可能会变。如何找到正确的选择器在“容器实例”页面右键点击那个刷新按钮通常是一个圆形箭头图标。选择“检查”。开发者工具会高亮显示对应的HTML代码。右键点击高亮的HTML元素选择“Copy” - “Copy selector”。这样就能得到一个类似#app div:nth-child(4) ... button.refresh-btn的字符串。用你复制的内容替换掉代码中document.querySelector(“...” )引号内的部分。GPU可用标识的选择器 (gpuAvailableIndicator) 这是脚本的“眼睛”它决定了脚本如何判断“有卡”。你需要手动观察有卡和无卡时页面的区别。方法一保持脚本运行当有卡出现时观察页面哪个地方出现了提示文字比如“有可用GPU”或一个绿色的提示条。方法二手动触发一次有卡状态如果可能或者等待一次有卡的时候。右键点击那个提示文字或区域同样“检查”并“Copy selector”。将得到的选择器字符串替换掉代码中document.querySelector(‘.gpu-available-tip, ...’)里的内容。你可以像示例一样写多个可能的选择器用逗号隔开增加容错率。一个非常重要的提示由于Autodl的页面是动态渲染的点击“刷新”按钮后数据是异步加载的。我们的脚本在点击后立刻去检测元素可能会因为数据还没加载完而误判。因此我在showNotification函数里加了一个setTimeout做延迟。如果你发现通知总是慢半拍或者检测不到可以尝试调整checkAndNotify函数里的逻辑在点击刷新按钮后也加一个延迟比如用setTimeout包裹检测逻辑等待1-2秒再检查DOM元素。4. 优化让脚本更稳定、更智能基础的脚本能跑起来但想要它成为一个可靠的“哨兵”我们还需要做一些优化处理各种边界情况让它更贴心。4.1 处理页面变化与错误网站不是一成不变的。Autodl前端偶尔改版你的选择器可能突然就失效了。我们可以增强脚本的健壮性。// 增强版检测函数 function robustCheckAndNotify() { try { console.log(【监控脚本】检测开始...); // 尝试多种方式查找刷新按钮 let refreshButton document.querySelector(button.refresh-btn, button[aria-label*刷新], .el-button--default .el-icon-refresh).closest(button); if (!refreshButton) { // 如果通过类名找不到可以尝试通过SVG图标或文本来找 let svgElements document.querySelectorAll(svg); for (let svg of svgElements) { if (svg.innerHTML.includes(refresh) || svg.innerHTML.includes(刷新)) { refreshButton svg.closest(button); break; } } } if (refreshButton) { refreshButton.click(); console.log(页面刷新触发成功。); // 点击后等待一段时间让新数据加载完成 setTimeout(() { lookForGpuIndicator(); }, 1500); // 等待1.5秒 } else { console.error(无法定位刷新按钮请手动检查页面结构。); } } catch (error) { console.error(检测过程中发生错误, error); } } // 独立的GPU标识查找函数 function lookForGpuIndicator() { // 更灵活的标识查找检查文本内容、特定样式等 const possibleSelectors [ .gpu-tips, // 类名选择器 div:contains(有卡), // 文本内容选择器注意原生JS不支持需借助jQuery或自己实现 [data-testid*gpu], // 属性选择器 .ant-alert-success, // Ant Design的成功提示 .el-alert--success // Element UI的成功提示 ]; let found false; for (let selector of possibleSelectors) { let element document.querySelector(selector); // 简单实现一个文本包含检查 if (element (element.textContent.includes(可租) || element.textContent.includes(有卡) || element.textContent.includes(available))) { found true; break; } } // 更直接的暴力搜索遍历所有包含特定关键词的元素 if (!found) { const allElements document.querySelectorAll(div, span, p); for (let el of allElements) { if (el.innerText (el.innerText.includes(GPU) el.innerText.includes(可租))) { found true; console.log(通过文本搜索找到GPU标识, el); break; } } } if (found) { console.log( 确认发现可用GPU); showNotification(); // 可以在这里添加自动跳转到创建页面的逻辑需谨慎 // window.location.href https://www.autodl.com/console/instance/create; } else { console.log(未发现可用GPU标识。); } }这个优化版本增加了错误捕获try...catch提供了多种查找按钮和标识的策略并且将“点击刷新”和“查找GPU标识”分离开中间加入了等待时间让检测更准确。4.2 通知的个性化与防骚扰系统通知很醒目但如果我们暂时不方便操作或者想在不同场景下区分通知可以做得更细致。function enhancedNotification() { // 检查是否允许通知如果未请求则请求 if (!(Notification in window)) { console.log(此浏览器不支持系统通知。); return; } // 如果还没决定权限就请求 if (Notification.permission default) { Notification.requestPermission().then(permission { if (permission granted) { createNotification(); } }); } else if (Notification.permission granted) { createNotification(); } else { console.log(用户已阻止通知。); // 可以尝试用页面标题闪烁作为备选方案 document.title 【紧急】有GPU document.title; setTimeout(() { document.title document.title.replace(【紧急】有GPU, ); }, 3000); } } function createNotification() { const options { body: 检测时间${new Date().toLocaleString()}\n请立即返回Autodl页面查看, icon: https://www.autodl.com/favicon.ico, badge: https://www.autodl.com/favicon.ico, // 一些浏览器支持badge tag: autodl_gpu_alert, // 相同的tag会替换旧通知避免堆积 requireInteraction: true, // 要求用户交互通知不会自动消失慎用 silent: false, // 是否静音false表示播放提示音 // 可以添加振动模式仅部分浏览器支持 // vibrate: [200, 100, 200] }; const notification new Notification( Autodl GPU 监控警报, options); notification.onclick function(event) { event.preventDefault(); // 防止默认行为 window.focus(); // 聚焦窗口 // 可以更精确地跳转到特定标签页或URL this.close(); // 点击后关闭通知 }; // 通知10秒后自动关闭如果requireInteraction为false setTimeout(() notification.close(), 10000); }这里我们做了几件事一是更优雅地处理权限请求二是给通知加了更多信息比如检测时间三是使用了tag参数这样同一来源的重复通知会替换不会在系统通知中心堆叠一堆四是增加了requireInteraction选项注释掉了因为太干扰可以让通知持续直到用户点击五是添加了备选方案当通知被阻止时通过修改浏览器标签页标题来提醒。4.3 实现简单的“自动跳转”功能进阶最极致的自动化是检测到卡之后不仅通知你还能帮你自动打开创建实例的页面。这个功能请谨慎使用并且需要你非常清楚自己的操作避免误点。它涉及到自动点击和页面跳转。function autoNavigateToCreate() { // 再次确认是否有卡防止误判 if (!confirm(脚本检测到可用GPU是否自动跳转到创建页面)) { return; } // 先尝试在当前页面找“创建实例”或“租用”按钮 let createButtons document.querySelectorAll(button:contains(创建), button:contains(租用), button:contains(立即申请)); for (let btn of createButtons) { if (btn.offsetParent ! null) { // 按钮可见 console.log(尝试点击页面内的创建按钮, btn); btn.click(); return; } } // 如果页面上没有则直接跳转到创建页面的URL // 你需要自己去Autodl找到创建实例页面的准确链接 const createPageUrl https://www.autodl.com/console/instance/create; // 示例链接需替换 console.log(跳转到创建页面, createPageUrl); window.open(createPageUrl, _blank); // 在新标签页打开 }然后你可以在lookForGpuIndicator函数里当found为true时不直接调用showNotification()而是调用一个集成了通知和跳转决策的新函数。再次强调自动跳转和点击存在风险可能违反网站使用规则请确保你了解后果并谨慎尝试建议以通知为主手动操作为辅。5. 部署如何让脚本长期运行在控制台运行脚本关掉浏览器或者刷新页面脚本就没了。我们总不能一直开着开发者工具吧有几种方法可以让脚本更持久。方法一浏览器书签最推荐这是最优雅、最方便的方法。我们可以把脚本代码封装成一个“书签小程序”。在浏览器书签栏右键 - “添加网页”。在“名称”里输入比如“Autodl GPU监控”。在“网址”或“URL”里粘贴以下代码javascript:(function(){ // 这里放入我们之前写的完整的 robustCheckAndNotify 函数定义 // 以及启动 interval 的代码 function showNotification(){...} function robustCheckAndNotify(){...} var intervalId setInterval(robustCheckAndNotify, 5000); console.log(监控已通过书签启动。ID:, intervalId); })();保存。以后每次打开Autodl的容器实例页面只需要点击一下这个书签脚本就会自动注入并运行。刷新页面后需要重新点击书签。方法二使用浏览器插件更强大稳定对于Chrome、Edge等基于Chromium的浏览器可以安装用户脚本管理器插件比如Tampermonkey或Violentmonkey。安装Tampermonkey插件。点击插件图标选择“创建新脚本”。它会给你一个模板你只需要在// Your code here...部分粘贴我们优化后的完整脚本代码。在脚本开头的元数据部分配置match或include让它只针对Autodl的特定页面运行例如// match https://www.autodl.com/console/instance/list* // grant none保存脚本并确保插件和脚本是启用状态。从此以后只要你打开Autodl实例列表页脚本就会自动运行无需任何手动操作。这是最接近“后台服务”的体验。方法三保存为本地HTML文件创建一个简单的HTML文件用script标签包裹你的代码并用setInterval启动。然后双击用浏览器打开这个HTML文件同时保持Autodl页面在同一个浏览器中打开。这种方法稍微笨重一些但适合不想装插件的情况。无论用哪种方法核心思想都是让脚本的启动变得一键化或自动化解放你的双手。6. 注意事项与伦理边界在享受自动化便利的同时我们必须清醒地认识到一些限制和需要注意的地方。首先技术限制页面依赖性强脚本严重依赖于Autodl网站当前的HTML结构和CSS选择器。网站前端一旦更新脚本很可能失效需要你按照第3.2节的方法重新定位元素。这不是脚本的bug而是这种方案的本质。并非真正的“抢占”我们这个脚本只是一个监控和提醒工具。它不会自动完成下单、支付等流程。最后的点击操作依然需要人工完成。这其实是一个很好的设计把最终决策权留给人避免误操作。浏览器环境脚本运行在浏览器中意味着你的电脑和浏览器不能关机或休眠。如果你需要24小时监控可以考虑将它运行在一台不关机的旧电脑或服务器上的远程桌面里。其次使用伦理与规则遵守平台规则在使用任何自动化工具前请务必阅读Autodl的用户协议或服务条款。确保你的自动化操作如高频的定时刷新不会被视为滥用或攻击从而导致账号受限。我们的脚本将检测间隔设置为5秒是一个相对保守、友好的频率避免给服务器带来不必要的压力。公平使用技术是为了提升效率而不是为了破坏公平。这个脚本的目的是解决“信息差”和“通知不及时”的问题让你和其他人站在同一起跑线上竞争资源而不是进行毫秒级的、非人的抢购。请以合理的方式使用它。风险自担任何自动化操作都有一定风险。请确保你理解代码的行为特别是涉及自动点击和跳转的部分。建议初期只使用通知功能熟练后再考虑更自动化的步骤。最后一些实用建议结合平台通知不要完全抛弃Autodl自带的微信/邮件通知。可以将其作为备用渠道多一个提醒总没坏处。设置合理的检测频率setInterval的间隔时间代码里的5000毫秒不是越短越好。太短如1秒会增加浏览器负担也可能触发网站的反爬机制。5-10秒是一个比较平衡的间隔。开始与停止在控制台运行脚本后你会得到一个intervalId。如果想停止监控在控制台输入clearInterval(intervalId)并回车即可。在Tampermonkey中直接禁用或删除脚本即可。我自己用这个方案已经成功抢到过好几次紧俏的A100和4090。它最大的价值不是让你“开挂”而是把你从无意义的重复劳动中解放出来。你再也不用在电脑前焦虑地不停刷新可以安心地去写代码、读论文或者喝杯咖啡。当“叮”的一声通知响起你知道机会来了从容地去点击即可。这种掌控感才是技术带给我们的真正便利。