“去除那个框框”插件的设想方案

目前只做到第二版，说实话，还是手动在js文件里添加需要去除的div的id或者class名，这样很糟糕啊，大部分人都不懂代码的，总不能让他们自己来改js文件吧。

但是，技术有限，咱也没辙。

一版一版改吧，既然要一点点改进，那就写个最终需要做成什么样子的计划，不然过段时间我又忘了自己当初想的啥了。

首先是存储问题，就是需要去除的div（说白了就是广告框）的id或者class值，本来我想的是将这些写在一个独立出来的txt文件中，但想了想，目前我还不会读写操作。。。用node.js是可以做到，但是！！！这就是个浏览器插件，哪里用得到node，所以说，目前最好就是存在在localStorage中，本地缓存。打开页面自动读取。

接下来是另一个重点，怎么让普通人更好的使用这个插件？

emmm，这个问题稍微有点麻烦

我的想法是：做一个右键功能，鼠标右键点击某个区域的时候，先获取到被点击的元素的id或者class值，然后！将这个元素的边框或者表面以某种比较显眼的颜色包裹起来，就像平时我们在控制台对html元素进行修改时，鼠标滑过代码，对应的html元素都会被一层半透明的蓝色覆盖起来，就是要这样的效果。

然而这还不够，因为你所点击到的元素很多时候只是广告框的一小部分，那么，下一步要做的功能就是，获取到这个元素的父级，这个功能可多次调用

可能这样说听起来有点不太明白，就例如，我当前右键点击到的只是广告框的一小部分，我换了一个位置点还是没有获取到到整个广告框，那我肯定很烦啊，为什么我都点击到这个广告框了，却又不能将它的上级选中，如果这个上级不是，那我再往上级找，再不是我再接着找，这样不就完事了么

那么最终的目标就是：

1. 右键点击获取到当前元素，并将其渲染为某种显眼的颜色，以便区分
2. 再然后是增加一个按钮，使其能够获取到当前元素的父级元素，同样渲染颜色
3. 经过上面步骤确认需要去除的框框已经找到了之后，将该div的id或者class值保存在localStorage中
4. 每次打开网页时，将localStorage中的值传入lists数组中，运行代码，完事。