Twitter侧边栏是Twitter网页版界面左侧的导航栏,包含主页、探索、通知、消息等主要功能入口。有时用户可能希望隐藏这个侧边栏以获得更大的阅读或内容浏览空间。
在浏览器中按F12打开开发者工具,选择侧边栏元素,添加CSS样式:
div[data-testid="sidebarColumn"] {
display: none !important;
}
安装Stylus或Tampermonkey等浏览器扩展,然后添加自定义CSS或脚本:
CSS方案:
/* 隐藏左侧导航栏 */
header[role="banner"],
div[data-testid="sidebarColumn"] {
display: none !important;
}
/* 调整内容区域宽度 */
div[data-testid="primaryColumn"] {
max-width: 100% !important;
width: 100% !important;
}
Tampermonkey脚本方案:
// ==UserScript==
// @name Twitter Hide Sidebar
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 隐藏Twitter侧边栏
// @author You
// @match https://twitter.com/*
// @match https://*.twitter.com/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
const style = document.createElement('style');
style.textContent = `
div[data-testid="sidebarColumn"] {
display: none !important;
}
div[data-testid="primaryColumn"] {
max-width: 100% !important;
width: 100% !important;
}
`;
document.head.appendChild(style);
})();
创建一个书签,URL填写以下JavaScript代码:
javascript:(function(){document.querySelector('div[data-testid="sidebarColumn"]').style.display='none';document.querySelector('div[data-testid="primaryColumn"]').style.maxWidth='100%';})()
点击该书签即可隐藏侧边栏。
如果只是想获得更大的阅读空间,可以考虑:
没有搜到相关的文章