百度百科 排版优化

去掉不必要的元素,加大字体,加宽页面

< Feedback on 百度百科 排版优化

Question/comment

§
Posted: 2020-06-05

老哥,你这个脚本对我很有帮助,但是有点美中不足,我电脑屏幕是2560×1600的16:10比例,另外我浏览器纵向的滚动条是隐藏的。用了这个脚本之后界面横向超出屏幕导致有了横向滚动条,所以我对前四条的数值做了一点改动。还有就是加了注释的部分是我添加的部分,解决了一部分字体改变不完全的问题,可以更新到下一版本里。我本身对脚本什么的一窍不通,全靠f12找目录照葫芦画瓢。效果还不错。
function Main() {
var styleText = fnToString(function () {/*!
div.polysemant-list {
width: 1280px;
}
div.polysemant-list-normal .polysemantList-header {
width: 1248px;
}
div#fc_guess_like_new, div.content {
width: 1278px !important;
}
div.main-content {
width: 940px !important;
}
.content-wrapper .content .main-content .view-tip-panel {
font: 12px/1.5 "微软雅黑", sans-serif;
}//有多个义项的同义词标题下面有一个注释。例如百度百科搜索abc这个词条。
.content-wrapper .content {
font: 12px/1.5 "微软雅黑", sans-serif;
}//你写的
.content-wrapper .content .main-content .para-title .edit-icon {
font: 12px/1.5 "微软雅黑", sans-serif;
}//每一部分正文开头标题的横线右侧有一个编辑按钮。
.content-wrapper .content .main-content .lemma-picture .description {
font: 12px/1.5 "微软雅黑", sans-serif;
}//正文单张图片下面的文字。
.content-wrapper .content .main-content .lemma-album .description {
font: 12px/1.5 "微软雅黑", sans-serif;
}//正文多张图片下面的文字。
.content-wrapper .content .main-content .album-list .scroller .list .lemma-album .description {
font: 12px/1.5 "微软雅黑", sans-serif;
}//百科最底部相册图库列表的注释文字。
.content-wrapper .content .side-content .side-catalog .catalog-scroller {
font: 12px/1.5 "微软雅黑", sans-serif;
}//百科右下侧的快速跳转目录。
.body-wrapper div.para {
font-size: 16px;
}
*/});

Mr-NullNullAuthor
§
Posted: 2020-06-05

好的,周末安排

Mr-NullNullAuthor
§
Posted: 2020-06-09

我鸽了

§
Posted: 2020-06-24
Edited: 2020-06-24

.content-wrapper .content .main-content .lemmaWgt-focusAndRelation.relations #fixBox {
font: 12px/1.5 "微软雅黑", sans-serif;
}//某些人物词条多了人物关系,如图,右上角的“纠错”。例如“织部里沙”词条

.feature_poster .poster .con .title .view-tip-panel {
font: 12px/1.5 "微软雅黑", sans-serif;
}//一些欧美人物的词条,因为音译名不同,标题下方会出现同义词标签,样式与普通多义词条相同,但路径不同。例如“基努里维斯”词条

另外,百科正文表格的内容会出现部分文字没有变成16px的情况(似乎是没有子项的表格就不会变16px),我想能不能实现跳过表格,遇到表格就不执行function Main()的最后一条,因为保持12px对于表格来说完全OK,强行改16px还会造成一点点的表格排版问题。
就是这条:
.body-wrapper div.para {
font-size: 16px;
}
例如“斯皮尔伯格”词条4.2部分及之后的一系列表格

Mr-NullNullAuthor
§
Posted: 2020-09-25

现在开始陆续修bug了,进群唠嗑哇

Mr-NullNullAuthor
§
Posted: 2020-10-20

已更新。

§
Posted: 2020-11-07

(我已进群,没找到大鸽子)补充一些,当然依旧是按格式照抄的笨办法写的,所以加载得1秒多,期待整合。use strict好像还是治不了一些小的地方(也可能是我浏览器太旧?360极速浏览器11.0内核版本69.0.3497.100,油猴V4.9)这一版表格的效果好极了。还有就是以后是否能考虑把正文重排版的数值用元素所占浏览器窗口大小的比例计算得出呢,因为脚本运行后只有浏览器窗口全屏的状态下才不会出现横向滚动条;如果窗口化浏览器,网页最右侧元素还是乱的(谁让我没有带鱼屏(。_。),只有一块16:10笔记本屏)。作者鸽鸽如果想看运行效果,把前四项数值改回去就好了
// ==UserScript==
// @name 百度百科 排版优化
// @namespace http://tampermonkey.net/
// @version 0.1.4
// @description 去掉不必要的元素,加大字体,加宽页面
// @author Mr.NullNull
// @match *://baike.baidu.com/item/*
// ==/UserScript==
(function () {
'use strict';

Main();
window.onload = deleAD();

function Main() {
var styleText = `
/* 头部导航栏, 人物卡片,其他 */
body.wiki-lemma .layout, div.poster, div.polysemant-list {
width: 1280px;
}
div.polysemant-list-normal .polysemantList-header {
width: 1280px;
}
div#fc_guess_like_new, div.content {
width: 1278px !important;
}
div.main-content {
width: 940px !important;
}
/* 有多个义项的同义词标题下面有一个注释。例如百度百科搜索abc这个词条 */
.content-wrapper .content .main-content .view-tip-panel {
font: 12px/1.5 "微软雅黑", sans-serif;
}
/* 某些人物词条多了人物关系,如图,例如“织部里沙”词条右上角的“纠错” */
.content-wrapper .content .main-content .lemmaWgt-focusAndRelation.relations #fixBox {
font: 12px/1.5 "微软雅黑", sans-serif;
}
.content-wrapper .content {
font: 12px/1.5 "微软雅黑", sans-serif;
}
.body-wrapper div.para {
font-size: 16px;
}
/* 每一部分正文开头标题的横线右侧有一个编辑按钮 */
.content-wrapper .content .main-content .para-title .edit-icon {
font: 12px/1.5 "微软雅黑", sans-serif;
}
/* 正文单张图片下面的文字 */
.content-wrapper .content .main-content .lemma-picture .description {
font: 12px/1.5 "微软雅黑", sans-serif;
}
/* 正文多张图片下面的文字 */
.content-wrapper .content .main-content .lemma-album .description {
font: 12px/1.5 "微软雅黑", sans-serif;
}
/* 百科最底部相册图库列表的注释文字 */
.content-wrapper .content .main-content .album-list .scroller .list .lemma-album .description {
font: 12px/1.5 "微软雅黑", sans-serif;
}

/* 表格 */
.main-content table > tbody * .para {
font-size: 14px;
}

/* 人物卡片 dl */
.poster .con {
width: 940px;
}


/* 右下角目录 */
.side-catalog {
height: 521px;
}
.side-catalog .side-bar {
height: 494px;
}
.side-catalog .catalog-scroller {
height: 471px;
}
/* 百科右下侧的快速跳转目录。 */
.content-wrapper .content .side-content .side-catalog .catalog-scroller {
font: 12px/1.5 "微软雅黑", sans-serif;
}
/* 路径不同的view-tip-panel,一些欧美人物的词条,因为音译名不同,标题下方会出现同义词标签,样式与普通多义词条相同,但路径不同。例如“基努里维斯”词条 */
.feature_poster .poster .con .title .view-tip-panel {
font: 12px/1.5 "微软雅黑", sans-serif;
}

/* 路径不同的view-tip-panel,如“复制娇妻”词条 */
.feature-poster .feature-poster-bg .layout.lemmaWgt-posterBg .poster-top span.view-tip-panel {
font: 12px/1.5 "微软雅黑", sans-serif;

/* 广告 他说侧边栏, 他说底部, 好物种草 */
.tashuo-right, #tashuo_bottom, #J-declare-wrap + a { display: none !important; }
`;
var element = document.createElement('style');
element.innerHTML = styleText
document.documentElement.appendChild(element);
}

function deleAD() {
/* 删除广告 */
var a1 = document.querySelector("div.side-content > div.lemmaWgt-promotion-vbaike");
var a2 = document.querySelector("div.side-content > div.lemmaWgt-promotion-slide");
var a3 = document.querySelector("div.side-content > div#side_box_unionAd");
a1.parentNode.removeChild(a1);
a2.parentNode.removeChild(a2);
a3.parentNode.removeChild(a3);

/* 删除右边分享 */
var a4 = document.querySelector("div#side-share");
a4.parentNode.removeChild(a4);
}

})();

Post reply

Sign in to post a reply.