在Edge中使用Browser injector扩展来改变网页微博的外观

原创于 2022-04-11 16:38:24 发布 · 232 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#edge浏览器

Javascript 专栏收录该内容

3 篇文章

订阅专栏

分享如何使用JavaScript脚本在工作中伪装微博浏览，通过修改CSS样式隐藏图片、调整图标等，实现在不被察觉的情况下冲浪。后续借助BrowserInjector扩展保持效果持久。

工作中没事的时候，免不得要冲浪，比如刷刷微博，但是又不想让领导他发现，怎么办呢？本来想找一个摸鱼软件，但是没有找到理想，于是自己动手写了一个Javascrpt脚本，在开发者工具中执行，改变微博的外观。这个脚本可以隐藏图片，改变tile,改变图标，改变背景，改变字体颜色。效果如下

怎么样，效果不错吧，可以放心冲浪。但是这种方法有一个毛病，刷新一下，界面就恢复原来的了。后面我找到了扩展Browser Injector,这个扩展可以基于url，插入脚本。刷新之后，效果仍然保持，非常nice。

脚本我给贴一下，供大家参考。原理就是使用setInterval，不停修改元素css样式

setInterval(function(){

	for(let item of document.querySelectorAll("img")){
	item.style.visibility="hidden"
	}

    for(let item of document.querySelectorAll("link[type='image/x-icon'")){
	         item.href="https://www.baidu.com/favicon.ico"
	}
	
	for(let item of document.querySelectorAll("link[rel='icon'")){
	         item.href="https://www.baidu.com/favicon.ico"
	}
	
	  for(let item of document.querySelectorAll("div")){
		item.style.backgroundColor="rgba(255,255,255,0.5)"
	}
	
	
	  for(let item of document.querySelectorAll("div,h3,span,a")){
		item.style.color="rgba(150,150,150,0.5)"
	}
	
	document.querySelector("title").text="spring boot"
	
	 for(let item of document.querySelectorAll("i")){
	   item.style.visibility="hidden"
	   }
  }, 1000);