☰

动态文章宽度调整按钮

动态文章宽度调整

// ==UserScript==
// @name         动态文章宽度调整按钮
// @namespace    http://tampermonkey.net/
// @version      2024年8月16日06点04分
// @description  动态文章宽度调整
// @author       onionycs
// @license      MIT
// @require      http://code.jquery.com/jquery-3.x-git.min.js
// @match        https://www.bilibili.com/opus/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=bilibili.com
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    /*
    var jquery = document.createElement('script');
    jquery.src = "https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js";//若调试页面是https的这里也修改为https.
    document.getElementsByTagName('head')[0].appendChild(jquery);
    */

    /* globals jQuery, $, waitForKeyElements */
    var docs= $('.opus-module-author');
    $('<button class="increase-width" style="margin-right: 100px">增加200px</button>').insertBefore(docs);
    $('<button class="decrease-width">减少200px</button>').insertBefore(docs);
    $('.increase-width').click(function() {
        addWidth('.opus-detail','width');
        addWidth('.right-sidebar-wrap','margin-left');
    });

    // 为减少宽度的按钮添加点击事件
    $('.decrease-width').click(function() {
        deWidth('.opus-detail','width');
        deWidth('.right-sidebar-wrap','margin-left');
    });
    // Your code here...

    function addWidth(className,prop){
        var width = parseInt($(className).first().css(prop), 10) || 0; // 获取当前宽度，如果无法获取则默认为0
        $(className).first().css(prop, width + 200 + 'px'); // 增加200px
    }
    function deWidth(className,prop){
        var width = parseInt($(className).first().css(prop), 10) || 0; // 获取当前宽度，如果无法获取则默认为0
        $(className).first().first().css(prop, Math.max(0, width - 200) + 'px'); // 减少200px，并确保宽度不会小于0
    }
})();