ScienceDirect 去除左右列增宽中间浏览区域

本文链接：https://blog.csdn.net/qq_28778001/article/details/127819750

该博客介绍了一个用户脚本，用于优化ScienceDirect上论文的阅读体验。脚本通过隐藏两侧的信息栏，将中间部分的宽度增加到80%，提供更舒适的全屏阅读模式。用户可以点击按钮在默认布局和加宽模式之间切换。此外，脚本还监听页面状态变化，确保在页面重新加载时仍能保持设定的样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Introduction

由于某些时候需要半屏显示，scienceDirect上的论文只能显示一点点，宽度降低到某一个阈值才会完全显示，因此在该阈值点以上阅读很难受，因此为了赏心悦目的读论文，写段程序改下样式（全屏情况下还是默认的好，因此该脚本的默认设置为保持默认。）

脚本安装链接

hide LR ScienceDirect

Javascript 代码

// ==UserScript==
// @name         ScienceDirect Hide or show the side two column information bar|ScienceDirect显示或隐藏两侧信息，加宽中间部分
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  sciencedirect 隐藏左右两列增宽中间部分
// @author       barlow
// @license      None
// @match        https://www.sciencedirect.com/science/article*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=sciencedirect.com
// @grant        none
// @require      https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.slim.min.js
// ==/UserScript==

(function () {
  'use strict';
  // 事件监听
  function addEvents() {
    const _historyWrap = function (type) {
      const orig = history[type];
      const e = new Event(type);
      return function () {
        const rv = orig.apply(this, arguments);
        e.arguments = arguments;
        window.dispatchEvent(e);
        return rv;
      };
    };
    history.pushState = _historyWrap('pushState');
    history.replaceState = _historyWrap('replaceState');

    window.addEventListener('pushState', function (event) {
      console.log('页面重新加载-pushState')
      load_button()
    })

    window.addEventListener('popstate', function (event) {
      console.log('页面重新加载-popstate')
      load_button()
    })
    $(document).ready(load_button)
  }
   // 两侧隐藏函数 可更改中间的宽度占比 默认是80%
  function hide2() {
    try {
      var left_pannel = document.getElementsByClassName("TableOfContents u-margin-l-bottom");
      left_pannel[0].style.display = "none";
      var right_pannel = document.getElementsByClassName("RelatedContent");
      right_pannel[0].style.display="none";
      var width = document.getElementsByClassName("col-lg-12 col-md-16 pad-left pad-right");
      width[0].style.width = "80%" //改这里
    }
    catch (e) {
      console.log(e)
    };
  }
  function show() {
    try {
      var width = document.getElementsByClassName("col-lg-12 col-md-16 pad-left pad-right");
      width[0].style.width = "50%";
      var left_pannel = document.getElementsByClassName("TableOfContents u-margin-l-bottom");
      left_pannel[0].style.display = "";
      var right_pannel = document.getElementsByClassName("RelatedContent");
      right_pannel[0].style.display="";
    }
    catch (e) {
      console.log(e)
    };
  }
  // button 加载
  function load_button() {
    var list = document.createElement("li");
    var btn = document.createElement("button");
    var sp = document.createElement("span");
    list.className = "showhide";
    btn.className = "showhidebutton";
    btn.type = "button";
    btn.id = "btn_show"; ////////////////////////////默认是与之前保持一致，可以修改为”btu_hide“ 即可将默认改为加宽模式（隐藏侧边两列）
    btn.innerText = "Widescreen/recovery";
    btn.style.fontSize = "16px";
    btn.style.border = "none";
    btn.style.color = "#347194";
    btn.style.background = "#FFFFFF";
    btn.onclick = function () {
        var button_raw = document.getElementById("btn_show"); //btn_show显示初始版式
        if (button_raw){
            try{
            hide2();
            button_raw.id = "btn_hide";
            console.log('log:'+document.getElementById("btn_hide"));}catch(e){console.log(e)}

        }else{
            show();
            let button_hide = document.getElementById("btn_hide"); //btn_show显示初始版式
            button_hide.id = "btn_show";
            console.log(document.getElementById("btn_show"))
        }
    }

    sp.className = "button-text";
    list.appendChild(btn);
    list.appendChild(sp);
    var b = document.getElementsByTagName("ul")[2]
    b.append(list)
    //hide2();
  }

  //程序执行
  window.onload=function(){
  addEvents()
  }
})();