Greasy Fork

Greasy Fork is available in English.

豆瓣全屏

使豆瓣网站页面变宽,适应高分辨率屏幕

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         豆瓣全屏
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  使豆瓣网站页面变宽,适应高分辨率屏幕
// @author       Your Name
// @match        *://*.douban.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    var style = document.createElement('style');
    style.innerHTML = `
        /* 确保整个页面宽度填满浏览器 */
        body, html {
            margin: 0;
            padding: 0;
            width: 100%;
            overflow-x: hidden; /* 禁止横向滚动 */
        }

        /* 调整主要内容容器宽度 */
        .container, .wrapper, .main, .article {
            max-width: 100% !important; /* 取消最大宽度限制 */
            width: 100% !important; /* 让容器宽度充满视口 */
            margin: 0 auto; /* 居中对齐 */
            padding: 0;
            box-sizing: border-box;
        }

        /* 隐藏侧边栏和不必要的区域 */
        .side, .aside, .footer, .header {
            display: none !important;
        }

        /* 调整内容区域 */
        .content, .main-content {
            padding: 0 !important; /* 去除内边距 */
            margin: 0 auto; /* 居中对齐 */
            box-sizing: border-box;
        }

        /* 使页面元素全宽显示 */
        .top-nav, .bottom-nav {
            width: 100% !important;
            box-sizing: border-box;
        }
    `;
    document.head.appendChild(style);
})();