 | |  |
 | 利用审查元素这个神器去修改任何想要修改的网页图片或者元素
很多刚接触网站建设的用户总是不知道如何去找修改想要修改的地方,有的是一张图片,有的是一个DIV或者一个其他网页元素,这里魔趣吧讲一下如何利用浏览器自带的【审查元素】功能去定位想要修改的地方!
1,审查元素在哪里?很多小白甚至不知道【审查元素】是什么意思,也不会去使用这个功能。审查元素是很多浏览器都有的一个功能!百度百科是这样解释的:审查元素是Google Chrome浏览器提供的一项服务功能,用户只需右键点击“审查元素”(名字),即可打开Chrome Inspector,获得网页各种元素的加载时间、Javascript函数、Object等信息。当然,现在很多浏览器都有这个功能了,不过仍然推荐使用Chrome浏览器进行相关的学习修改!Chrome浏览器打开审查元素的方法如下:- D+ \2 u/ a# |3 i2 R! \* O(w ww.m oqu8.c om)
% e y+ \( @# j6 A) x(w w w.m oq u8.c om)
(1)在需要修改的页面单击鼠标右键,在弹出的对话框中选择【检查】,如下图:
(2)为了方便审查,我们点击如图位置,选择【左右】审查模式,方便修改!如下图:
这里我们在这个图片上面单击鼠标右键,然后选择【审查或检查】,可以看到,在右侧的审查窗口出现了图片的路径!
我们在这个路径上单击鼠标右键,在弹出的窗口选择【在新窗口打开】,如下图:
或者鼠标放上去、也可以鼠标右键图片在新窗口打开
手机页面同理 看图
3,使用审查元素来定位需要修改的元素或者DIV!实际上方法和第二步的图片定位是相似的,只不过修改的对象变成了其他元素,想要修改哪里,就在哪里单击鼠标右键,审查元素!比如想修改图中的部分,就对这块审查元素,可以获取到这里的DIV class名称,然后下载对应的插件或者模板全部文件,进行全文搜索class即可定位
| |
 | |  |