当前位置:千赢国际官网 > 千赢网页手机版登入 > 跨域访问,试用ntop分析网络流量

跨域访问,试用ntop分析网络流量

文章作者:千赢网页手机版登入 上传时间:2019-08-24

试用ntop分析网络流量

业(xian)务(de)需(dan)要(teng),做一下局域网出口的流量分析。
ntop是比较成熟的一个网络流量分析工具,安装简便,使用快捷,就是要收费,安装起有几分钟的试用时间。
环境:1)华为交换机 配置一个镜像口。
2)DELL服务器,其中网口p2p2接入镜像口。
3)CentOS 7

一,配置源。(参考

cd /etc/yum.repos.d/
 wget http://packages.ntop.org/centos/ntop.repo -O ntop.repowget http://packages.ntop.org/centos/epel-7.repo -O epel.repo

二,安装 (先重新建立源缓存)

yum clean all
 yum update
yum install pfring n2disk nprobe ntopng ntopng-data cento

三,启动软件
1,启动redis

systemctl start redis 

2,启动收集器

会监听 5556端口,作为数据接收接口

ntopng -i "tcp://127.0.0.1:5556" 

3,启动探测器

千赢国际官网,探测器从p2p2接口采集数据,送入tcp5556接口。

nprobe --zmq "tcp://*:5556" -i p2p2 

四,web访问界面。
现在就可以通过浏览器直接访问web管理界面了。
初始用户名/密码 admin/admin

如下截图:
千赢国际官网 1

千赢国际官网 2

业(xian)务(de)需(dan)要(teng),做一下局域网出口的流量分析。 ntop是比较成熟的一个网络流量分析工具,安...

框架元素-跨域访问-window.name,框架-window.name

页面A:页面B,你能传个数据给我吗?

页面B:额,我们不在同一个域内,因为涉及到WEB安全问题,所以浏览器禁止我直接向你传数据。

页面A:有什么办法可以解决这个问题吗?

页面B:可以使用window.name。

页面A:那你需要我做些什么?

页面B:1.你先动态创建一个iframe节点;

     2.设置节点属性src指向我;

     3.我会设置window.name = 'b';

     4.然后你重新设置节点iframe的属性src指向和你在同一个域下的兄弟页面C;

     5.虽然属性src的值变了,但是window.name的值并没有变,还是b,这样你就可以直接从页面C中获取数据b了。

页面A:明白了,这样就从跨域访问变成了同域访问。

页面B:是的。对了,这里的页面C没有实际的内容,只是起到一个桥梁的作用噢。

<!--页面A-->
<script>
  var state = 0;
    ifr = document.createElement('iframe');
    ifr.src = 'http://b.com/b.html';
    if(ifr.attachEvent) {
        ifr.attachEvent('onload', loadfn);
    } 
    else 
    {
        ifr.onload  = loadfn;
    }
    function loadfn() {
        if (state === 1) {
            var data = ifr.contentWindow.name; 
            alert(data);
        } 
        else if (state === 0) 
        {
            state = 1;
            ifr.contentWindow.location = "http://a.com/c.html";
        }  
    };
    document.body.appendChild(ifr);
 </script>

 

<!--页面B-->
<script>
 window.name = 'b';
</script>

  

 

  

页面A:页面B,你能传个数据给我吗? 页面B:额,我们不在同一个域内,因为涉及到WEB安全问...

CSS radius 五环,cssradius五环

使用CSS的外链方式,写了一个五环

CSS的布局

附加radius的使用

思路:

一个大盒子里放两个子盒子;

两个子盒子上下排列,分别放3个和2个盒子用来制作圆环;

大盒子给相对定位,连个子盒子设为绝对定位;

用到CSS中的 border-radius 方法制作圆环,前提是用来制作圆环的五个盒子要添加边框 border 这个属性

 
html代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />

        <!--CSS的外链方式-->
        <link rel="stylesheet" href="css/base.css" />
        <title>五环</title>
    </head>
    <body>
        <!--给一个大盒子外框-->
        <div class="radius">
            <!--子盒子一放上面三个环-->
            <div class="sub">
                <div class="b-r a"></div>
                <div class="b-r b"></div>
                <div class="b-r c"></div>
            </div>
            <!--子盒子二放下面两个环-->
            <div class="sup">
                <div class="b-r d"></div>
                <div class="b-r e"></div>
            </div>
        </div>
    </body>
</html>

 
CSS代码 /*给外面的盒子添加样式和定位,主要是为了给五个环一个整体的定位*/
.radius{
    position: relative;
    width: 300px;
    height: 150px;
    margin: 0 auto;
    padding: 0;
    background-color: lightskyblue;
}

/*给五个将要设置成环的盒子统一设置CSS样式*/
.b-r{
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 50%;/*radius的使用,给一个正方形设置50%可制作一个圆*/
}
/*分别给五个环盒子添加边框和颜色,边框即圆环*/
.a{
    border: 10px solid blue;
}
.b{
    border: 10px solid black;
}
.c{
    border: 10px solid green;
}
.d{
    border: 10px solid yellow;
}
.e{
    border: 10px solid red;
}

/*然后对上三个环和下两个环进行绝对定位,构成一个五环标记图*/
.sub{
    width: 300px;
    height: 100px;
    position: absolute;
    float: left;
    /*background-color: aquamarine;*/
}
.sup{
    width: 200px;
    height: 100px;
    position: absolute;
    margin: 50px;  
    /*background-color: cornflowerblue;*/
}

 

这是最终的效果

千赢国际官网 3

陌陌说:我们在使用CSS的布局时,可以先构思出一个整体的画面和给对应盒子临时性添加背景颜色,这样是有帮助我们看清盒子之间的层级关系从而提高效率哦

radius 五环,cssradius五环 使用CSS的外链方式,写了一个五环 CSS的布局 附加radius的使用 思路: 一个大盒子里放两个子盒子; 两个子盒子...

本文由千赢国际官网发布于千赢网页手机版登入,转载请注明出处:跨域访问,试用ntop分析网络流量

关键词: 千赢国际官网