• 【网络安全技术】教你审查元素玩出你的范


      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

  • 相关阅读:
    函数调用时函数栈状态分析
    [Project Euler] Problem 51
    [Project Euler] Problem 52
    [Project Euler] Problem 49
    自己的路
    COBOL FILE STATUS(return code)
    SVN客户端使用手册
    堆栈在VBA中的实现
    一个月以来的实习总结
    OpenCVPython系列之图像腐蚀与膨胀
  • 原文地址:https://www.cnblogs.com/ichunqiu/p/5732209.html
Copyright © 2020-2023  润新知