油猴脚本:快速打开粘贴的多个网址

简介: 本文介绍一款实用的油猴脚本,可批量打开粘贴的网址链接。脚本支持设置时间间隔,防止浏览器崩溃,提升工作效率。内容涵盖功能说明、代码解析与优化建议,适合日常办公使用。

目录

你好,我是喵喵侠。今天我将为你介绍一个非常实用的油猴脚本,可以帮助你快速打开多个粘贴的网址链接。在日常工作中,我们可能会遇到需要批量打开多个网页的情况,如果手动逐个打开,不仅耗时费力,而且容易出错。为了提高效率,我们可以利用油猴脚本来自动化这一过程。

什么是油猴脚本?

油猴脚本(Tampermonkey Script)是一种浏览器扩展,允许用户在浏览网页时运行自定义的JavaScript代码。通过油猴脚本,我们可以添加新功能、修改网页内容、自动化一些重复性操作,极大地提升浏览器的使用体验。

脚本功能简介

这个脚本的主要功能是:

  • 提供一个输入框,用户可以粘贴多个网址(每行一个)。
  • 点击按钮后,脚本会按照设定的时间间隔逐个打开这些网址。
  • 用户可以设置时间间隔,防止浏览器一次性打开太多标签页导致崩溃。

脚本代码及优化

以下是这个油猴脚本的代码,我会在代码中逐步解释每个部分的功能。如果你有更好的代码写法或优化建议,欢迎提出。

// ==UserScript==
// @name         快速打开粘贴的多个网址
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  批量打开多个网址,支持设置时间间隔
// @author       喵喵侠
// @match        *://*/*
// @grant        none
// @run-at       context-menu
// ==/UserScript==
(function () {
    'use strict';
    // 创建主容器
    var div = document.createElement("div");
    div.style.cssText = "position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;z-index:99999;width:800px;height:600px;background:rgba(0,0,0,0.8);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;border-radius:10px;";
    // 创建文本框
    var textarea = document.createElement("textarea");
    textarea.style.cssText = "width:100%;height:300px;padding:10px;margin-bottom:10px;font-size:16px;border-radius:5px;border:1px solid #ccc;";
    // 创建打开按钮
    var btn = document.createElement("button");
    btn.innerHTML = "全部跳转!";
    btn.style.cssText = "padding:10px 20px;margin:5px;background-color:#4CAF50;color:white;border:none;border-radius:5px;cursor:pointer;font-size:16px;";
    // 创建关闭按钮
    var close_btn = document.createElement("button");
    close_btn.innerHTML = "关闭";
    close_btn.style.cssText = "padding:10px 20px;margin:5px;background-color:#f44336;color:white;border:none;border-radius:5px;cursor:pointer;font-size:16px;";
    // 创建时间间隔输入框
    var time_input = document.createElement("input");
    time_input.type = "number";
    time_input.value = "500";
    time_input.style.cssText = "width:60px;padding:10px;margin:5px;font-size:16px;border-radius:5px;border:1px solid #ccc;text-align:center;";
    // 将元素添加到主容器
    div.appendChild(textarea);
    div.appendChild(btn);
    div.appendChild(close_btn);
    div.appendChild(time_input);
    // 将主容器添加到body
    document.body.appendChild(div);
    // 打开按钮点击事件
    btn.onclick = function () {
        var urls = textarea.value.split("\n").filter(url => url.trim() !== ""); // 过滤空行
        for (let i = 0; i < urls.length; i++) {
            setTimeout(() => {
                window.open(urls[i].trim());
            }, i * time_input.value); // 使用索引*i*时间间隔,避免一次性打开太多页面
        }
        document.body.removeChild(div);
    };
    // 关闭按钮点击事件
    close_btn.onclick = function () {
        document.body.removeChild(div);
    };
})();

如果你想直接安装使用,可以访问我的脚本地址:

快速打开粘贴的多个网址

代码解读

元数据块:

这一部分定义了脚本的基本信息,包括名称、版本、描述、作者以及匹配的URL模式。

// ==UserScript==
// @name         快速打开粘贴的多个网址
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  批量打开多个网址,支持设置时间间隔
// @author       喵喵侠
// @match        *://*/*
// @grant        none
// @run-at       context-menu
// ==/UserScript==

创建主容器

var div = document.createElement("div");
div.style.cssText = "position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;z-index:99999;width:800px;height:600px;background:rgba(0,0,0,0.8);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;border-radius:10px;";

创建文本框

var textarea = document.createElement("textarea");
textarea.style.cssText = "width:100%;height:300px;padding:10px;margin-bottom:10px;font-size:16px;border-radius:5px;border:1px solid #ccc;";

创建打开按钮和关闭按钮

var btn = document.createElement("button");
btn.innerHTML = "全部跳转!";
btn.style.cssText = "padding:10px 20px;margin:5px;background-color:#4CAF50;color:white;border:none;border-radius:5px;cursor:pointer;font-size:16px;";
var close_btn = document.createElement("button");
close_btn.innerHTML = "关闭";
close_btn.style.cssText = "padding:10px 20px;margin:5px;background-color:#f44336;color:white;border:none;border-radius:5px;cursor:pointer;font-size:16px;";

创建时间间隔输入框

var time_input = document.createElement("input");
time_input.type = "number";
time_input.value = "500";
time_input.style.cssText = "width:60px;padding:10px;margin:5px;font-size:16px;border-radius:5px;border:1px solid #ccc;text-align:center;";

按钮点击事件

btn.onclick = function () {
    var urls = textarea.value.split("\n").filter(url => url.trim() !== ""); // 过滤空行
    for (let i = 0; i < urls.length; i++) {
        setTimeout(() => {
            window.open(urls[i].trim());
        }, i * time_input.value); // 使用索引*i*时间间隔,避免一次性打开太多页面
    }
    document.body.removeChild(div);
};
close_btn.onclick = function () {
    document.body.removeChild(div);
};

功能优化

在这段代码中,我们已经加入了时间间隔功能,默认间隔为500毫秒(用户可以自行调整)。这样可以防止浏览器一次性打开太多标签页导致崩溃。如果你有更好的优化建议,欢迎提出。

总结

通过这个油猴脚本,我们可以轻松地批量打开多个粘贴的网址链接,提高工作效率,并避免浏览器崩溃。希望本文能帮助你更好地利用油猴脚本,来优化日常工作流程。如果你有任何问题或建议,欢迎与我交流。

目录
相关文章
|
19小时前
|
前端开发 JavaScript 定位技术
前端表单输入框自动填充和覆盖逻辑的实现
本文介绍Web开发中表单联动的实现方案,针对输入框与下拉框的数据填充需求,提出两种解决思路:一是通过比对选项label判断是否覆盖,二是监听用户输入行为设置flag开关。结合Vue与Element-UI实战代码,详解如何智能控制数据填充逻辑,避免覆盖用户手动输入内容,提升表单交互体验。
17 0
前端表单输入框自动填充和覆盖逻辑的实现
|
19小时前
|
文字识别 开发者 Windows
Windows 上值得推荐的软件(第一弹)
本文推荐两款提升Windows使用效率的神器:Listary,实现文件快速搜索与路径跳转;uTools,集快捷启动、剪贴板智能识别与丰富插件于一体,助力高效办公。
20 0
Windows 上值得推荐的软件(第一弹)
|
18小时前
|
缓存 JavaScript 前端开发
Vue的生命周期详解及业务场景应用
本文详细介绍Vue.js的生命周期概念及各阶段钩子函数的作用,结合实际业务场景讲解如何合理使用created、mounted、updated等钩子进行数据初始化、DOM操作、资源清理等,帮助开发者提升组件管理能力与代码性能。
13 0
Vue的生命周期详解及业务场景应用
|
19小时前
|
JavaScript 前端开发 网络架构
深入了解 JavaScript 解构赋值
本文由喵喵侠带你深入浅出JavaScript解构赋值,涵盖数组与对象的基本用法、默认值、嵌套解构、别名设置及剩余元素等高级技巧,并结合函数参数、变量交换、属性提取等实际应用场景,助你写出更简洁高效的代码。掌握它,提升开发效率!
16 0
|
19小时前
|
前端开发 JavaScript UED
前端表单案例:实现用户姓名实名或匿名表单填写合法性验证功能
本文介绍如何在Element UI表单中使用正则表达式实现灵活的中文姓名验证,支持实名、匿名(含星号*)及空值等场景,兼顾数据合法性与用户体验,适用于多来源数据编辑需求。
13 0
|
19小时前
|
JavaScript 前端开发 定位技术
Vue项目中的虚拟滚动:提升页面渲染性能的最佳实践
本文介绍虚拟滚动技术及其在Vue项目中的应用,通过vue-virtual-scroller实现大数据量下长列表的高性能渲染,提升页面流畅度与用户体验,适用于地图轨迹等业务场景。
20 0
|
18小时前
|
JavaScript 数据可视化 前端开发
从零开始:使用 Vue-ECharts 实现数据可视化图表功能
本文介绍如何使用 Vue-ECharts 在 Vue 项目中快速开发图表,重点讲解安装、引入方式及分组柱状图的实现,帮助开发者高效完成数据可视化。
18 0
|
18小时前
|
JavaScript 搜索推荐 持续交付
手把手教你用 Vercel 免费部署 RSSHub
本文详细介绍如何使用Vercel免费部署RSSHub服务。通过Fork仓库、注册Vercel、导入项目并调整分支与Node.js版本配置,实现一键部署个性化的RSS订阅源,解决部署中常见的版本冲突问题,并提供注意事项与验证方法,助你快速搭建可公开访问的RSS服务。
24 0
|
19小时前
|
JSON 开发工具 数据安全/隐私保护
Windows 上值得推荐的软件(第三弹)
本文推荐两款高效实用的Windows软件:Bandizip,支持智能自动解压,解决文件混乱问题;FastGestures,通过鼠标手势大幅提升操作效率,尤其适合开发者优化工作流。
21 0
|
19小时前
|
存储 前端开发 JavaScript
浅谈前端开发的技术债
本文以个人视角分享前端开发中常见的技术债案例,如代码格式混乱、遗留调试代码、缺乏注释、忽视警告、滥用CDN及UI还原不佳等,倡导从细节入手提升代码质量,推动团队规范建设,减少维护成本。
16 0