【网络安全技术】教你审查元素玩出你的范
0x00 360搜索的解释
Google Chrome提供了审查元素功能，只需右键点击"审查元素"(名字)，即可打开Chrome Inspector，获得网页各种元素的加载时间、Javascript函数、Object等信息。本章文章主要以360的审查元素进行讲解。
0x01 360审查元素各部分的分析
借用分析网页百度：www.baidu.com
右键审查元素
Elements就是html源代码跟你按个F12的差不多吧
Sources是文件的各个目录
Resources你懂的 cookie啥的都会在这显示
在Elements中 以我们面对电脑的右侧会发现一个小栏目
这是每个html部位的js和css的一个小概况，这也让我们对于修改、学习js或css有了很大的帮助，利于像我们这些刚进入的小白利用一下，可谓是天然的学习工具和学习地方。
然而我们也可以利用审查元素在这个页面修改html、js或css
但是他不会保存，是的不会保存。
修改html我们可以双击那段代码，如下图：
如果你想一大段一大段改的话可以右键
点击Edit as HTML
效果如下图：
也就因为这个各种骗子利用审查元素来欺骗买家，比如什么我渗透下某某站收个徒弟，那我还渗透下百度了！
在此我也警告一下骗子们，别出来瞎玩好好修炼去吧。
0x02 利用审查元素修改不明物体
我们再来熟悉一下css和js修改方法：
我们拿我的小组微安安全组的官网当作师范 网址：www.sgzsec.com 表示这套源码网上有，但是整个HTML我们有过大改，就连css也改了，这修改过程也就拿来当作一次教学。
我们以这个联系方式为例子，顺便展示一下成员列表，Yes都是帅哥，我懂你们的心。别夸我们，我们会变更帅的。
照样右键审查元素。
还是这个熟悉的小栏目。
想对他进行修改那我们得熟悉他。
你懂的百度啥的走起来，翻译记得也带上，360浏览器也有自带翻译。
我们先认识几个对于修改比较重要的词：
font-size —— 字体大小
Background —— 背景
Color —— 颜色
Height —— 高度
Width —— 宽度
line-height —— 行高
……
量词的单位，字体一般以pt为主，高度、宽度、行高一般以em为主，还有一些放大缩小是以%为主，这个一般有读过小学数学书的都知道，或者度娘也可以。
一般字体颜色、背景颜色反正接触到颜色的都会显示一个小小的正方形+所对颜色
你单击一下就会出现一个调色盘
然后你可以随意的调色，但要记住调色完之后不能立刻关闭
要记住他的颜色代码
然后我们复制一下，假设我就搞个#FFFFFF 也就是纯白
效果如下：
发现这个相对位置颜色不一样了本来是黑色的。
原来如下图：
是不是interesting！
就是这么简单，你别怂，这只是审查元素，他不会保存，你要放心的大胆的去改，尝试总可以带动你！
表示这篇文章的灵感就是这么来的！
0x03 利用审查元素嗨
这块区域我的涉及范围比较小，因为对于十六进制、什么编码的认识比较窄小，所以我借用米斯特安全团队一篇文章
网址：www.hi-ourlife.com
借用文章地址：http://www.hi-ourlife.com/index.php/post/154.html
文章题目：i春秋安全勇士30强诞生赛题解
我们先来看看文章的基础题那个部分
第一道题目：
[AppleScript] 纯文本查看 复制代码
?
1alert("flag{a2714506-b3e2-417d-bac9-e8d078ed4d96}")
答案在一个弹窗程序里
但是这么明显的可能现在比较少了，因为程序猿不傻。
第二道题目：
[AppleScript] 纯文本查看 复制代码
?
1
也是在源代码里。
我再在这思路上提供一下，其实可以通过修改css或者html的背景然后让那段答案浮现，但比这个直接找麻烦了一些。
第三道题目：
我先给春秋程序猿的编故事能力打个满分，语句尽量要变得优美。
[AppleScript] 纯文本查看 复制代码
?
1function aaa (){eval("32:64:39:30:61:39:30:38:31:63:62:38:64:61:63:38:61:64:65:65:61:34:63:33:61:66:30:33:34:39:32:61")}
然后去掉“：”会发现这是一个十六进制数组
然后工具上。
这道题目可以用上修改js和css的方法+Sources 寻找目录中有用的东西
第四道题目：
[AppleScript] 纯文本查看 复制代码
还是审查元素，然而发现的这段是一串Unicode 编码 然而这个我有点不懂了，但是我知道肯定要用转换器，所以我们需要学习更多的编码代码之类的。
0x04 总结
这些题目都是围绕着审查元素来解答的，某些后台程序可能就存在此类疏忽，这个故事告诉我们要细心的去挖掘。
0x05 温馨提示
可能此文章在一些人眼中是一个比较弱的，但我发这帖子是供一些学习html、js、css的小伙伴们学习，来帮助一下他们，希望能帮助到他们，欢迎各位来捧场。
本文来源：http://bbs.ichunqiu.com/thread-9104-1-1.html?from=bky
