百度首页样式调整，删除多余元素，导航优化，导航图标获取，自定义搜索框透明度，专注首页导航页，支持登录、未登录状态，打造整洁好用的首页，优化首页体验
// ==UserScript==
// @name BaiduNav - 百度首页优化
// @namespace shangandeyu
// @version 1.1.1
// @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';
let $ = unsafeWindow.jQuery;
let user = document.getElementById("s_username_top");
if(user == null) user = document.getElementById("s-top-username");
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.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").style.opacity = 0;
// document.getElementById("s_icons").addEventListener('mouseenter',function(){
// document.getElementById("s_icons").style.opacity = 1;
// });
// document.getElementById("s_icons").addEventListener('mouseleave',function(){
// document.getElementById("s_icons").style.opacity = 0;
// });
// 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.getElementById("s_menu_gurd").remove();
// document.getElementsByClassName("c-color-text")[0].innerHTML = "";
// GM_xmlhttpRequest({
// method: 'GET',
// url: 'http://open.iciba.com/dsapi/',
// responseType: "json",
// onload: response => {
// document.getElementsByClassName("c-color-text")[0].innerHTML = response.response.note;
// },
// onerror: function(res) {
// document.getElementsByClassName("c-color-text")[0].innerHTML = "那些无法看破的叹息，某天会是看淡的风景，虽然那风景，永远有谁缺席。";
// }
// });
// 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_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").style.opacity = 0;
document.getElementById("s_icons").addEventListener('mouseenter',function(){
document.getElementById("s_icons").style.opacity = 1;
});
document.getElementById("s_icons").addEventListener('mouseleave',function(){
document.getElementById("s_icons").style.opacity = 0;
});
document.getElementsByClassName("show-vertical")[0].style.visibility="hidden";
let logoSrc = document.getElementById("s_lg_img_new").src;
// document.getElementById("s_lg_img").remove();
document.getElementById("s_lg_img_new").remove();
logoHref(logoSrc);
document.getElementById("form").style.width = "841px";
document.getElementById("form").style.left = "-12px";
let fmOpacity = GM_getValue("fmOpacity");
if(document.getElementsByClassName("s-skin-container s-isindex-wrap")[0].style.backgroundColor !="" && document.getElementsByClassName("s-skin-container s-isindex-wrap")[0].style.backgroundColor != "rgba(0, 0, 0, 0) none repeat scroll 0% 0%") {
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;
let changeSkin = 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)
});
document.getElementById("form").style.opacity = fmOpacity + "%";
fmOpacityFlag = false;
let unskin = document.getElementsByClassName("s-skin-set skin-has-bg");
let unskinFun = function(){
document.getElementById("s_lg_img_new").src = "//www.baidu.com/img/bd_logo1.png?qua=high";
document.getElementById("form").style.opacity = 1;
document.getElementById("s_skin_fm_opacity_set").remove();
document.getElementById("s_skin_layer_cell").style.width = "911px";
unskin[0].removeEventListener("click",unskinFun);
fmOpacityFlag = true;
};
unskin[0].addEventListener('click',unskinFun);
},500);
}
}
let skinDiy = function(){
if(document.getElementsByClassName("s-skin-container s-isindex-wrap")[0].style.backgroundColor !="" && document.getElementsByClassName("s-skin-container s-isindex-wrap")[0].style.backgroundColor != "rgba(0, 0, 0, 0)") {
changeSkin();
};
setTimeout(function (){
Array.prototype.forEach.call(document.getElementsByClassName("skin-img-item"), function (element) {
element.addEventListener('click',changeSkin);
});
},500);
}
document.getElementsByClassName("s-skin")[0].addEventListener('mouseup',skinDiy);
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 = "";
GM_xmlhttpRequest({
method: 'GET',
url: 'http://open.iciba.com/dsapi/',
responseType: "json",
onload: response => {
document.getElementsByClassName("mine-title")[0].innerHTML = response.response.note;
},
onerror: function() {
document.getElementsByClassName("mine-title")[0].innerHTML = "那些无法看破的叹息，某天会是看淡的风景，虽然那风景，永远有谁缺席。";
}
});
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";
}
logoHref();
// let s_lg_img = document.getElementById("s_lg_img");
// if(s_lg_img != null && s_lg_img.style.display != "none") {
// if(s_lg_img.getAttribute("src") == "//www.baidu.com/img/bd_logo1.png"){
// s_lg_img.setAttribute("usemap", "");
// } else {
// let area = document.getElementsByName("mp")[0].getElementsByTagName("area")[0];
// area.setAttribute("href", area.href.split("?")[0] + "?wd=" + getUrlParam(area.href, "wd"));
// }
// }
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;
}
}
}
});
}
function getUrlParam(url, name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = url.split("?")[1].match(reg);
if (r != null) {return decodeURIComponent(r[2]);}
return null;
}
function logoHref(logoSrc) {
let mp = $("map[name='mp']").first().children(":first");
if(mp.attr("href").indexOf("%E4%BB%8A%E6%97%A5%E6%96%B0%E9%B2%9C%E4%BA%8B&tn") > -1) {
mp.removeAttr("href");
$("#s_kw_wrap").before(`<span class="btn_wr s_btn_wr"><img id="s_lg_img_new" src="` + logoSrc + `" onerror="this.src='https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/logo_white-c4d7df0a00.png';this.onerror=null;" usemap="#mp" title="" cursor="default" id="" style="margin-left: -100px;bottom:-17px;left:0px;" width="200" height="100"></span>`);
} else {
mp.attr("href", "//www.baidu.com/s?wd=" + getUrlParam(mp.attr("href"), "wd"));
$("#s_kw_wrap").before(`<span class="btn_wr s_btn_wr" style="margin-right:10px"><img id="s_lg_img_new" src="` + logoSrc + `" onerror="this.src='https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/logo_white-c4d7df0a00.png';this.onerror=null;" usemap="#mp" title="" cursor="default" id="" style="bottom:-30px;left:43px;" width="200" height="100"></span>`);
}
}
})();