经常浏览的网站的UI界面越来越复杂,甚至夹杂不少广告,尽管有了ADblock等插件,但依然满足不了我强迫症的需求,故写了备份一套自用的JS模板,每当见到眼花缭乱的界面或是想删除不想见到的部分,只需要documen直接获取对象放入函数即可,适合JS入门学习。
用法很简单:直接粘贴代码,替换掉removee()元素部分即可
用处多多,本人就经常用来净化某站,因为次次搜索关键字后或进入页面主页,看到推荐的视频就忍不住点进去,然后哈哈哈哈哈笑完之后就不想学习了,所以有必要根据自己这种经常走神的习惯净化一下主页,浅喷。
首先通用的网站match格式
// @match *://*.csdn.com/*
//最原始 class/Tag/ID通用
function judgeeRemoveByName(para){
if(para){
para.remove()
}
}
//对比 remove,可以避免网页一些连续加载模块在remove()后加载不出来的问题
function judgeeNoneDisplayByName(para){
if(para){
para.style.display = "none"
}
}
//判断是否为删除对象textxx
function judgeeNoneDisplayByNameWithText(para,textxx){
if(para && para.children[1].innerHTML == textxx ){
// para.style.display = "none"
para.remove()
}
}
//常用于取消浏览标题一直浮动
function judgeeModifyPosition(para, value){
if(para){
para.style.position = value
}
}
//修改style样式 可以自己随意添加
function judgeeMODIFstyleByName(para,type,value){
if(para && type == "mt"){
para.style.marginTop = value
}else if(para && type == "bg"){
para.style.backgroundColor = value
}else if(para && type == "h"){
para.style.height = value
}else if(para && type == "w"){
para.style.width = value
}
}
//统一修改class,
//给.class批量修改css样式
//给所有相同类名设置的class,设置统一样式
function judgeeMODIFstyleByNameBatch(para,type,value){
if(para && type == "dp"){
for (i = 0; i < para.length; i++) {
para[i].style.display = value
}
}
else if(para && type == "bg"){
for (i = 0; i < para.length; i++) {
para[i].style.backgroundColor = value
}
}
}
var tim = 3000
//再用一个函数包装起来
function removee(){
//能用noneDisplay就不用remove,避免部分连续元素加载不出来
judgeeNoneDisplayByName(document.getElementById("ID_NAME"))
judgeeRemoveByName(document.getElementsByClassName("CLASS_NAME")[0])
}
//统一按时调用
setTimeout( function(){ removee() } , tim)
//循环三连,看都看不见呢!!
for (var i=0;i<10;i++){
setTimeout(function(){ removee() },10+10*i)
}
for (var i=0;i<10;i++){
setTimeout(function(){ removee() },100+100*i)
}
for (var i=0;i<10;i++){
setTimeout(function(){ removee() },1000+1000*i)
}
部分网站会自己回弹,设置个点击事件就好了
setTimeout(function(){
document.getElementsByTagName("body")[0].addEventListener('click', function(){
judgeeRemoveByName( document.getElementsByClassName("CLASS_NAME")[0] )
})
}, 3000);
下载页面做pdf 用,一般是通过永页机获取的文档,待读取完毕清除页与页之间衔接的冗余部分
function judgeeRemoveByNameBatch(para){
if(para){
// 为什么不是全删除,一般保留一个版本做检查
for (i = 1; i < para.length; i++) {
para[i].remove()
}
}
}
judgeeRemoveByNameBatch(document.querySelectorAll('pages'))
其他 AC插件自定义备份
//baidu
div .result .c-container{
background: #87e88e;
}
//google
/**页面板块区块*/
div .MjjYud{
dispaly: block;
}
div .sfbg{
dispaly: none;
}
div .kvH3mc {
background-color: !important;
}
#rso .g, {
background-color: rgba(97,28,26, 0.6) !important;
}
//bing
#b_results{
background-color: blue!important;
width:100% !important;
}
#b_content{
width:100%;
}
版权声明:本文为weixin_35944332原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。