☰

Nga 优化移动端显示样式

优化移动端浏览器(PC端将浏览器宽高比调整一下刷新可以达到类似效果)中表格的显示样式

// ==UserScript==
// @name         Nga 优化移动端显示样式
// @namespace    https://greasyfork.org/zh-CN/scripts/532872
// @author       monat151
// @license      MIT
// @version      1.2
// @description  优化移动端浏览器(PC端将浏览器宽高比调整一下刷新可以达到类似效果)中表格的显示样式
// @match        http*://bbs.nga.cn/read.php?tid=*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=nga.cn
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    let _PLUGIN_RUNNED = false, _INTERVAL_LOOPED = 0
    setTimeout(() => {
        const _PLUGIN_INTERVAL = setInterval(() => {
            try {
                // 将表格总宽度重置，不需要拖动
                document.querySelectorAll('.tablespacer').forEach(ele => {
                    ele.style = 'width: 100%;'
                })
                // 增加一些后期样式
                const style = document.createElement('style');
                style.innerHTML = `
                    /* 修复有时候第一楼的时间区域特别高的问题 */
                    #postInfo0 {
                        max-height: 50px;
                    }
                    /* 移除表格点击提示和粗边框 */
                    .ubbcode .tblclickadj {
                        outline: none !important;
                    }
                    .ubbcode .tblclickadj::after {
                        content: none;
                    }
                `;
                document.head.appendChild(style);
                console.log('[Nga 优化移动端显示样式] 插件运行成功。')
                window.clearInterval(_PLUGIN_INTERVAL)
            } catch (e) {
                console.warn('[Nga 优化移动端显示样式] 插件运行出错，等待重试。\n错误信息：', e)
                if (_INTERVAL_LOOPED > 30) {
                    console.error('[Nga 优化移动端显示样式] 插件运行失败次数过多，任务取消。')
                    window.clearInterval(_PLUGIN_INTERVAL)
                }
                _INTERVAL_LOOPED++
            }
        }, 100)
    }, 500)
})();