网页css js 抓取助手(一个屏蔽CSDN博客页面多余内容的扩展吧这里插件名称填写 )

　　网页css js 抓取助手(一个屏蔽CSDN博客页面多余内容的扩展吧这里插件名称填写

)

　　在阅读本章之前，请阅读自定义扩展部分

　　这种扩展方法是应用最广泛的扩展方法。通过将css和js注入到指定的网页中，可以改变网页的外观或者增强网页的功能。通过css和js注入可以实现非常强大的功能。理论上，你甚至可以通过开发扩展使百度页面与谷歌完全一样。

　　该扩展在用户打开网页时始终运行，运行过程如下

　　检测是否需要运行，主要是将打开页面的地址与预设的规则进行比较（如何添加规则后面会讲），将css代码注入页面，将js代码注入页

　　让我们通过一个演示来了解开发过程。

　　我们来写一个屏蔽CSDN博客页面冗余内容的扩展

　　此处填写插件名称 CSDN博客简洁版

　　通过切换css js标签页添加对应代码

　　在这个演示中，我们只需要添加 css 代码。

　　#recommend-right, .blog_container_aside {

display: none;

}

main {

box-shadow: rgb(199 184 184) 0px 0px 20px;

margin-top: 30px;

}

@media screen and (min-width: 1380px) {

.nodata .container.clearfix main {

width: 100%;

}

#rightAside {

display: none;

}

}

@media (min-width: 1320px) and (max-width: 1380px) {

.nodata .container.clearfix main {

width: 100%;

}

}

@media screen and (max-width: 1320px) {

.nodata .container.clearfix main {

width: 100%;

}

}

　　保存代码后，只需打开一个博客页面即可查看扩展效果

　　如您所见，没有左右两侧

　　这是没有扩展的样子