我是在百度查了好久,竟然没有一篇是有好用的,都是如何用JS删除,隐藏元素,也没有一个软件工具有这个功能,下面我就分享下我的心得体会,给新人一点启发:
下载好了网页模板之后,有些元素不想要或则不喜欢,又或者嫁接了别的模板的精髓,这就需要合并JS和CSS,理论上来说复制过来就可以了,但是实际效果却不是这样,具体还要看实际情况,目前为止最难的就是一些伪元素的处理,还有一些JS 的元素很麻烦。下面就删除这些说一下心得体会,也当是给自己做备忘吧。
这是其中的一个网页模板的表格页 带翻页、搜索、删除。。。等一些功能。
这是另外一个网页的模板:
合成之后的样子:
说白了就是网页的嵌套,去其糟粕,取其精华。
于是就碰到了:各种元素的困扰,而且在下载的源码中是找不到的,重点来了:如何删除JS生成的元素。
一、万能的浏览器检查元素:
这里我就不说的那么小白了吧,按F12检查元素吧,
这个代码只有在浏览器中看到,因为是加载进来的,右边的是CSS样式,可以分析下是那个JS文件起了作用
二、检查JS文件
我用的Pycharm工具,你也可以用别的,在锁定JS文件之后,可以看到各种关于元素的定义:
锁定关键词,就是你想修改的地方关键词,比如我想修改的是 Refresh 这个按钮的标签,
查找就可以了 ,看不懂我就没办法了,可以尝试去删除,然后在浏览器看结果,多调试,
每次调试时注意:务必清空浏览器缓存,怕麻烦可以设置快捷键,比如360的就是
CTRL+SHIFT+DELETE
三、遇到不可抗拒的因素:
假如有些地方自己修改不了怎么办,也没关系,灵活变通,条条大路通罗马,记住一点所有的代码都是写出来的,写的很麻烦,我删还不简单吗O(∩_∩)O。如果遇到什么问题欢迎留言,我们一起探讨,本篇仅适合刚入门的新手,大拿请勿正视。
【所以要想技术过硬,还是得一步一个脚印学好】