百度网盘视频边栏宽度调整

为百度网盘视频边栏（视频/文稿/课件）添加宽度缩放按钮
当前为 2023-08-21 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         百度网盘视频边栏宽度调整
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  为百度网盘视频边栏（视频/文稿/课件）添加宽度缩放按钮
// @author       weixiaorucimeimiao
// @match        *://pan.baidu.com/pfile/video*
// @grant        none
// ==/UserScript==

window.onload = function() {
    'use strict';

    const header = document.querySelector("div.vp-tabs__header");
    const scaleControls = document.createElement("div");
    scaleControls.className = "vp-tabs__header-item";
    scaleControls.style = "margin-left: auto; margin-right: 0px";
    scaleControls.innerHTML = `
        <div class="vp-tabs__header-item plus"><span style="font-size: 20px;">+</span></div>
        <div class="vp-tabs__header-item reset"><span style="font-size: 20px;">↻</span></div>
        <div class="vp-tabs__header-item minus" style="margin-right: 0px"><span style="font-size: 20px;">−</span></div>
    `;
    header.appendChild(scaleControls);

    const vpAside = document.querySelector("section.vp-personal-home-layout > section.vp-layout > aside.vp-aside");
    const plus = document.querySelector("div.vp-tabs__header-item.plus");
    const minus = document.querySelector("div.vp-tabs__header-item.minus");
    const reset = document.querySelector("div.vp-tabs__header-item.reset");
    let latestWidth = vpAside.style.width;
    let plusTimer, minusTimer;

    plus.addEventListener("mousedown", function(event) {
        plusTimer = setInterval(function() {
            vpAside.style.width = (parseInt(vpAside.style.width) + 1) + "px";
            latestWidth = vpAside.style.width;
        }, 4);
    });
    plus.addEventListener("mouseup", function(event) { clearInterval(plusTimer); });
    plus.addEventListener("mouseout", function(event) { clearInterval(plusTimer); });
    minus.addEventListener("mousedown", function(event) {
        minusTimer = setInterval(function() {
            vpAside.style.width = (parseInt(vpAside.style.width) - 1) + "px";
            latestWidth = vpAside.style.width;
        }, 4);
    });
    minus.addEventListener("mouseup", function(event) { clearInterval(minusTimer); });
    minus.addEventListener("mouseout", function(event) { clearInterval(minusTimer); });
    reset.addEventListener("click", function(event) { setDefaultWidth(); });

    function setDefaultWidth() { // 默认宽度
        vpAside.style.width = "450px";
        latestWidth = vpAside.style.width;
    }

    const observer = new MutationObserver(function(mutations) { // 当宽度意外恢复默认时，重新赋值最新宽度
        console.log(latestWidth);
        vpAside.style.width = latestWidth;
    });
    observer.observe(vpAside, { attributes: true });

};
欢迎访问Greasy Fork镜像
