Greasy Fork is available in English.
百度首页样式调整，删除多余元素，导航优化，导航图标获取，自定义搜索框透明度，专注首页导航页，支持登录、未登录状态，打造整洁好用的首页，优化首页体验
当前为
// ==UserScript==
// @name BaiduNav - 百度首页优化
// @namespace shangandeyu
// @version 1.0.7
// @description 百度首页样式调整，删除多余元素，导航优化，导航图标获取，自定义搜索框透明度，专注首页导航页，支持登录、未登录状态，打造整洁好用的首页，优化首页体验
// @author shangandeyu
// @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABjElEQVRoge2YbbHDIBBFj4RIiIRIiIRKiIRKwEElREIlREIlVEIk9P0gvEmYQCAfsMzkzOw/ZnqXewNb4Obm5mqq3AKOoIBxqjqrkkgq4A38ZqVyCoqhAb4sxRfTQIuOiy2+iAYUbvGiG1jLezENuPJeRAMt/siIbkARJ/4HfHIItQnNu6+JOrVoQ0zet+qZWHt03kW5oS4Qf+TjroAOHeV2a+GRvMe60QSIbyxNo2/hWXmPqZdDT4X+buwkrDbQrixMWbYb9q7baxeozOLn1U/l0/M2wlPm/fTI5cr7GdVR6M6begAMAoTsrRb0bfgRIGZPLUaSpwBBsaWwaAS5YZ5jfGv+j1GbnG6M0++bBzGflsHVAGg3hsTiB9ZnIpcW5yw0J4UbZtf3aAmiQl/rV+16HSoE7UaPbto1/DnpOG9WGpkuotSc4UaPgFfrjn0zVJZd9xHjhoinlTViJtqQv47ZeBHWhMqkL4hQN0Q7AXqXfUdo9lMoBNdwKO4k2sKMALtuT0mIz/3NTWn8ARfzVP7n/lZLAAAAAElFTkSuQmCC
// @license GPL-3.0
// @run-at document-end
// @match https://www.baidu.com/
// @grant GM_xmlhttpRequest
// @grant GM_getValue
// @grant GM_setValue
// @grant unsafeWindow
// @connect *
// ==/UserScript==
(function() {
'use strict';
var $ = unsafeWindow.jQuery;
var user = document.getElementById("s_username_top");
if(user != null){
if($("#s_menu_mine").children('.s-menu-item-underline').length > 0) {
document.getElementsByTagName("html")[0].style.overflow="auto";
document.body.style.overflow="auto";
document.getElementsByClassName("set-btn set-edit")[0].addEventListener('click',function(){document.getElementById("sui-dialog-mask").remove()});
document.getElementById("lg").style.height="50px";
document.getElementById("lg").style.minHeight="50px";
// document.getElementsByClassName("s-skin-container s-isindex-wrap")[0].remove();
document.getElementById("head_wrapper").style.height="0px";
document.getElementById("head_wrapper").style.minHeight="0px";
document.getElementById("head").style.minHeight="0px";
document.getElementById("head").style.overflow="auto";
document.getElementById("s_fm").style.height="0px";
document.getElementById("s_fm").style.minHeight="0px";
document.getElementById("s_lg_img").remove();
document.getElementById("s_lg_img_new").remove();
document.getElementById("s_icons").innerHTML = '<a class="s-skin" href="#" onclick="return false;" data-tid="2001" title="换肤" style="visibility:hidden"><span class="s-icon s-icon-skin"></span><span class="title">换肤</span></a>';
document.getElementById("s_icons").addEventListener('mouseenter',function(){
document.getElementById("s_icons").children[0].style.visibility = "";
});
document.getElementById("s_icons").addEventListener('mouseleave',function(){
document.getElementById("s_icons").children[0].style.visibility = "hidden";
});
document.getElementsByClassName("show-vertical")[0].style.visibility="hidden";
let len = document.getElementsByClassName("mnav").length;
for(let i = 0; i < len; i++){
let mnav = document.getElementsByClassName("mnav")[0];
if (mnav != null) {
mnav.parentNode.removeChild(mnav);
}
}
document.getElementById("s_wrap").style.marginTop = "91px";
document.getElementsByClassName("s-block-container")[0].style.paddingTop = "10px";
// document.getElementsByClassName("s-menu-container")[0].remove();
document.getElementById("s_menu_gurd").remove();
document.getElementsByClassName("c-color-text")[0].innerHTML = "";
$.getJSON("https://api.ooopn.com/ciba/api.php", function(data){
document.getElementsByClassName("c-color-text")[0].innerHTML = data.ciba;
});
let setBar = document.getElementsByClassName("set-bar-content")[0];
let setMenu = setBar.getElementsByTagName("div")[0];
setBar.style.width = setMenu.offsetWidth+"px";
setBar.style.height = setMenu.offsetHeight+"px";
setMenu.style.display = "none";
setBar.addEventListener("mouseenter", function(){
setMenu.style.display = "";
});
setMenu.addEventListener("mouseleave", function(){
setMenu.style.display = "none";
});
document.getElementsByName("tj_briicon")[0].remove();
document.getElementById("s_usersetting_top").style.paddingRight = "4%";
document.getElementById("s_content_100").setAttribute('data-loaded', '1');
document.getElementsByClassName("rect")[0].remove();
document.getElementById("bottom_layer").remove();
document.getElementById("bottom_space").remove();
document.getElementsByClassName("p-sidebar js-player-open")[0].remove();
document.getElementsByClassName("qrcode-layer icon-mask-wrapper")[0].remove();
let icondiv = document.getElementsByClassName("nav-icon-normal");
if(icondiv.length > 0) {
let ids = new Array();
for(let i = 0; i < icondiv.length; i++) {
// if("" == icondiv[i].innerHTML) {
// continue;
// }
let url = icondiv[i].parentNode.href;
let domain = url.split('/');
let src = "";
for(let j = 0; j < domain.length && j < 3; j++) {
src += domain[j];
if(domain[j].indexOf("http") > -1) {
src += "//";
}
}
src += "/favicon.ico";
if (!GM_getValue(src)) {
GM_xmlhttpRequest({
method: "GET",
url: src,
synchronous: true,
responseType: "blob",
context: {"src": src, "div": icondiv[i]},
onload: function (res) {
let obj = res.context;
let src = obj.src;
let div = obj.div;
if (res.readyState == 4 && res.status == 200 || res.status == 304) {
let reader = new FileReader();
reader.readAsDataURL(res.response);
reader.onload = function () {
let img = new Image();
img.onload = function() {
GM_setValue(src, reader.result);
// localStorage[src] = reader.result;
div.innerHTML = '<img src="' + reader.result + '" width="32px" height="32px">';
div.className = "nav-icon";
};
img.src = res.finalUrl;
}
}
}
});
} else {
// icondiv[i].innerHTML = '<img src="' + localStorage[src] + '" width="32px" height="32px">';
icondiv[i].innerHTML = '<img src="' + GM_getValue(src) + '" width="32px" height="32px">';
icondiv[i].id = src;
ids.push(src);
}
}
for(let i = 0; i < ids.length; i++) {
document.getElementById(ids[i]).className = "nav-icon";
}
} else {
let imgs = document.getElementsByTagName("img");
setImg(imgs);
}
} else {
document.getElementsByTagName("html")[0].style.overflow="auto";
document.body.style.overflow="auto";
document.getElementsByClassName("set-btn set-edit")[0].addEventListener('click',function(){document.getElementById("sui-dialog-mask").remove()});
document.getElementById("lg").style.height="50px";
document.getElementById("lg").style.minHeight="50px";
// document.getElementsByClassName("s-skin-container s-isindex-wrap")[0].remove();
document.getElementById("head_wrapper").style.height="0px";
document.getElementById("head_wrapper").style.minHeight="0px";
document.getElementById("head").style.minHeight="0px";
document.getElementById("s_fm").style.height="0px";
document.getElementById("s_fm").style.minHeight="0px";
document.getElementById("s_lg_img").remove();
document.getElementById("s_lg_img_new").remove();
document.getElementById("s_icons").innerHTML = '<a class="s-skin" href="#" onclick="return false;" data-tid="2001" title="换肤" style="visibility:hidden"><span class="s-icon s-icon-skin"></span><span class="title">换肤</span></a>';
document.getElementById("s_icons").addEventListener('mouseenter',function(){
document.getElementById("s_icons").children[0].style.visibility = "";
});
document.getElementById("s_icons").addEventListener('mouseleave',function(){
document.getElementById("s_icons").children[0].style.visibility = "hidden";
});
document.getElementsByClassName("show-vertical")[0].style.visibility="hidden";
let fmOpacity = GM_getValue("fmOpacity");
if(fmOpacity == null || fmOpacity == "undefined") {
fmOpacity = 100;
}
document.getElementById("form").style.opacity = fmOpacity + "%";
let currentMousePos = {
x: 0
},
isDraging = false;
let startDrag = function(e) {
if(isDraging) {
return
}
isDraging = true;
currentMousePos = {
x: e.clientX
}
};
let draging = function(e) {
if(isDraging) {
doNewPos(e.clientX)
}
};
let doNewPos = function(x, ifend) {
let offset = Math.floor((x - currentMousePos.x) / 66 * 100 / 5) * 5;
let newOpacity = fmOpacity + offset;
if(newOpacity <= 0) {
newOpacity = 0
}
if(newOpacity > 100) {
newOpacity = 100
}
$("#s_fm_ajust_btn").css("left", newOpacity / 100 * 66 + "px");
$("#s_fm_ajust_txt").html(newOpacity + "%");
document.getElementById("form").style.opacity = newOpacity + "%";
ifend && (fmOpacity = newOpacity) && GM_setValue("fmOpacity", fmOpacity);
};
let endDrag = function(e) {
if(isDraging) {
doNewPos(e.clientX, true);
isDraging = false
}
};
let fmOpacityFlag = true;
document.getElementsByClassName("s-skin")[0].addEventListener('mouseup',function(){
if(fmOpacityFlag) {
setTimeout(function (){
document.getElementById("s_skin_layer_cell").style.width = "1076px";
$("#s_skin_opacity_set").after(`<div class="s-skin-opacity-set" style="margin-left:30px" id="s_skin_fm_opacity_set"><span class="bg-hideOrShowAjax" style="visibility:visible"><span class="bg-alphaBarTitle">搜索透明度</span><span class="bg-alphaBar" id="s_fm_ajust_bar"><span class="bg-alphaBarMoveBtn" id="s_fm_ajust_btn" style="left:` + fmOpacity / 100 * 66 + `px"><em class="bg-alphaBarOpacity" id="s_fm_ajust_txt">` + fmOpacity + `%</em></span></span></span></div>`);
$("#s_fm_ajust_btn").on("mousedown", function(e) {
startDrag(e)
});
$("#s_skin_layer").on("mousemove", function(e) {
e.preventDefault();
draging(e)
});
$("#s_skin_layer").on("mouseup", function(e) {
endDrag(e)
});
$("#s_skin_layer").on("mouseleave", function(e) {
endDrag(e)
});
$("#s_fm_ajust_btn").on("click", function(e) {
e.stopPropagation()
});
$("#s_fm_ajust_bar").on("click", function(e) {
currentMousePos.x = $("#s_fm_ajust_bar").offset().left + parseInt($("#s_fm_ajust_btn").css("left").replace(/px$/g, ""));
doNewPos(e.clientX, true)
})
}, 500);
}
fmOpacityFlag = false;
});
let len = document.getElementsByClassName("mnav").length;
for(let i = 0; i < len; i++){
let mnav = document.getElementsByClassName("mnav")[0];
if (mnav != null) {
mnav.parentNode.removeChild(mnav);
}
}
document.getElementById("s_wrap").style.marginTop="73px";
document.getElementsByClassName("s-block-container")[0].style.paddingTop = "4px";
// document.getElementsByClassName("s-menu-container")[0].remove();
document.getElementById("s_menu_gurd").remove();
document.getElementsByClassName("mine-title")[0].innerHTML = "";
$.getJSON("https://api.ooopn.com/ciba/api.php", function(data){
document.getElementsByClassName("mine-title")[0].innerHTML = data.ciba;
});
document.getElementsByName("tj_briicon")[0].remove();
document.getElementById("s_usersetting_top").style.paddingRight = "4%";
document.getElementsByClassName("s-code-blocks s-block-nav")[0].style.marginTop = "0px";
document.getElementById("s_content_100").setAttribute('data-loaded', '1');
document.getElementsByClassName("rect")[0].remove();
document.getElementsByClassName("s-more-bar")[0].remove();
document.getElementById("bottom_layer").remove();
document.getElementById("bottom_space").remove();
document.getElementsByClassName("p-sidebar js-player-open")[0].remove();
document.getElementsByClassName("qrcode-layer icon-mask-wrapper")[0].remove();
let imgs = document.getElementsByClassName("nav-icon");
setImg(imgs);
}
} else {
let len = document.getElementsByClassName("mnav").length;
for(let i = 0; i < len; i++){
let mnav = document.getElementsByClassName("mnav")[0];
if (mnav != null) {
mnav.parentNode.removeChild(mnav);
}
}
if(document.getElementById("virus-2020") != null) {
document.getElementById("virus-2020").style.display = "none";
}
if(document.getElementById("lg") != null) {
document.getElementById("lg").style.visibility="hidden";
}
let tj_briicon = document.getElementsByName("tj_briicon");
if(tj_briicon != null && tj_briicon.length != 0) {
tj_briicon[0].outerHTML='<a></a>';
}
if(document.getElementById("qrcode") != null) {
document.getElementById("qrcode").style.display = "none";
}
if(document.getElementById("ftConw") != null) {
document.getElementById("ftConw").style.display = "none";
}
if(document.getElementById("bottom_layer") != null) {
document.getElementById("bottom_layer").style.display = "none";
}
}
function setImg(imgs) {
for(let i = 0; i < imgs.length; i++) {
if("https://dss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/6000.png?3" != imgs[i].src) {
continue;
}
let url = imgs[i].parentNode.href ? imgs[i].parentNode.href : imgs[i].parentNode.parentNode.href;
// if("" == url) {
// continue;
// }
let domain = url.split('/');
let src = "";
for(let j = 0; j < domain.length && j < 3; j++) {
src += domain[j];
if(domain[j].indexOf("http") > -1) {
src += "//";
}
}
src += "/favicon.ico";
if (!GM_getValue(src)) {
GM_xmlhttpRequest({
method: "GET",
url: src,
responseType: "blob",
context: i + "|" + src,
onload: function (res) {
let context = res.context.split("|")
let index = context[0];
let src = context[1];
if (res.readyState == 4 && res.status == 200 || res.status == 304) {
let reader = new FileReader();
reader.readAsDataURL(res.response);
reader.onload = function () {
let img = new Image();
img.onload = function() {
// localStorage[src] = reader.result;
GM_setValue(src, reader.result);
imgs[index].src = reader.result;
};
img.onerror = function () {
setDefaultImg(imgs[index], src);
};
img.src = res.finalUrl;
}
} else {
setDefaultImg(imgs[index], src);
}
},
onerror: function(res) {
let context = res.context.split("|");
let index = context[0];
let src = context[1];
setDefaultImg(imgs[index], src);
},
onabort: function(res) {
let context = res.context.split("|")
let index = context[0];
let src = context[1];
setDefaultImg(imgs[index], src);
}
});
} else {
imgs[i].src = GM_getValue(src);
}
// imgs[i].outerHTML = '<img src="'+ src +'" class="nav-icon" width="16" height="16" onerror="https://dss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/6000.png?3">';
}
}
function setDefaultImg(imgTag, key) {
var url = "https://dss0.bdstatic.com/k4oZeXSm1A5BphGlnYG/icon/6000.png?3";
GM_xmlhttpRequest({
method: "GET",
url: url,
responseType: "blob",
onload: function (res) {
if (res.readyState == 4 && res.status == 200 || res.status == 304) {
let reader = new FileReader();
reader.readAsDataURL(res.response);
reader.onload = function () {
let img = new Image();
img.onload = function() {
GM_setValue(key, reader.result);
imgTag.src = reader.result;
};
img.onerror = function () {
imgTag.src = url;
};
img.src = res.finalUrl;
}
}
}
});
}
})();