演示图
演示站:res.abeim.cn/assets/daima/?html=qqhong
站长们看到这个页面是不是吓一跳 ,是不是以为域名被拦截了,哈哈哈

代码如下


<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="telephone=no" name="format-detection">
    <meta content="black" name=" apple-mobile-web-app-status-bar-style">
    <title>温馨提示</title>
    <style>.icon, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block
    }
    .downlink, .footer-title, .more, .p, .title {
        text-align: center
    }
    abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
        font-size: 100%;
        margin: 0;
        padding: 0;
        vertical-align: baseline;
        border: 0;
        outline: 0;
        background: 0 0
    }
 
    body, html {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
  body {
        font-family: 'Helvetica Neue', Helvetica, STHeiTi, sans-serif;
        line-height: 1
    }
 
    ol, ul {
        list-style: none
    }
 
    blockquote, q {
        quotes: none
    }
 
    blockquote:after, blockquote:before, q:after, q:before {
        content: '';
        content: none
    }
 
    table {
        border-spacing: 0;
        border-collapse: collapse
    }
 
    a, button, input {
        -webkit-tap-highlight-color: transparent
    }
 
    a, img {
        -webkit-touch-callout: none
    }
 
    html {
        font-size: 16px
    }
 
    .container {
        margin-top: 6.4375rem
    }
 
    .icon {
        width: 11.459rem;
        height: 8.35417rem;
        margin: 0 auto
    }
 
    .title {
        font-size: 1.25rem;
        margin-top: 1.666667rem
    }
 
    .more a, .p {
        font-size: .875rem
    }
 
    .p {
        line-height: 1.25;
        margin-top: 1rem;
        color: #777
    }
 
    .footer {
        position: fixed;
        right: 0;
        bottom: 37.3px;
        left: 0
    }
 
    .footer-title {
        color: #000
    }
 
    .downlink a, .more a {
        text-decoration: none;
        color: #2771bd
    }
 
    .footer-contain {
        margin-top: 1.33333333333rem
    }
 
    .downlink a {
        display: inline-block;
        padding: .5rem .75rem;
        border: 1px solid #2771bd;
        border-radius: 3px
    }
  
    .more {
        margin-top: .75rem
    }</style>
    <style>
    .info-title {
        padding: 29px 0 11px;
        margin: 0 26px;
        color: #000;
        font-size: 18px;
        font-weight: 700;
        border-bottom: 1px solid #ddd
    }
 
    .info-content {
        line-height: 23px;
        font-size: 15px;
        margin: 0 26px
    }
 
    .info-content p {
        padding-top: 15px
    }
 
    .inner-link {
        color: #0057af
    }</style>
    <link rel="stylesheet" href="//3gimg.qq.com/tele_safe/safeurl/css/sweet-alert.css"/>
</head>
<body>
<div class="main" id="main">
    <div class="container" id="container">
        <div class="picon"><img src="//3gimg.qq.com/tele_safe/safeurl/android_icon.png" class="icon"></div>
        <h3 class="title">已停止访问该网页</h3>
        <p class="p" id="info">据用户投诉及腾讯手机管家云网址检测,<br>该网页可能包含恶意欺诈内容。</p>
    </div>
    <div class="footer" id="footer">
        <!-- <p class="footer-title" id="wording">增强手机安全防护,推荐使用腾讯手机管家</p> -->
        <div class="footer-contain">
            <!-- <div class="downlink"><a id="guanjia" href="">立即下载</a></div> -->
            <div class="more"><a onclick="showdetail()" ontouchstart="showdetail()">了解更多信息</a></div>
        </div>
    </div>
</div>
 
<div id="alarm-info" title="详情" style="display:none">
    <div class="info-title">关于潜在的恶意欺诈内容</div>
    <div class="info-content"><p>你好,你将要访问的网站,经过腾讯手机管家检测,可能包含恶意欺诈内容,建议停止访问。</p>
 
        <p>欺诈内容通常是模仿某个网站的界面,要求你在该网站提供个人数据如QQ帐号和密码、信用卡号或其它信息,从而盗取你的个人信息和财产。</p>
 
        <p>如果你确认该网页不是欺诈钓鱼网址,可以进入<a class="inner-link" id="inner-linkID" href="//guanjia.qq.com/online_server/m_complain.html">腾讯手机管家</a>进行申诉。
        </p></div>
</div>
<div id="alarm-info2" title="详情" style="display:none">
    <div class="info-title">关于潜在的恶意欺诈内容</div>
    <div class="info-content"><p>你好,你将要访问的网站,经过腾讯电脑管家检测,可能包含恶意欺诈内容,建议停止访问。</p>
 
        <p>欺诈内容通常是模仿某个网站的界面,要求你在该网站提供个人数据如QQ帐号和密码、信用卡号或其它信息,从而盗取你的个人信息和财产。</p>
 
        <p>如果你确认该网页不是欺诈钓鱼网址,可以进入<a class="inner-link" href="//guanjia.qq.com/online_server/complain_url.html">腾讯电脑管家</a>进行申诉。
        </p></div>
</div>
<script src="//3gimg.qq.com/tele_safe/safeurl/js/sweet-alert.min.js"></script>
<script type="text/javascript">
    function $(e) {
        return document.getElementById(e)
    }
    function viewSize() {
        return {width: document.documentElement.clientWidth, height: document.documentElement.clientHeight}
    }
    window.onload  = function () {
        var e = 101, t = 95, o = 570, n = viewSize(), i = n.height / o;
        n.height > 416 ? ($("footer").style.position = "fixed", $("footer").style.bottom = "27px", $("container").style.marginTop = i * e / 16 - 1 + "rem", $("footer").style.marginTop = "0") : ($("footer").style.position = "relative", $("footer").style.bottom = "0px", $("container").style.marginTop = i * e / 16 - 1 + "rem", $("footer").style.marginTop = i * t / 16 - 1 + "rem")
    }
    window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function () {
        var e = 101, t = 95, o = 570, n = viewSize(), i = n.height / o;
        n.height > 416 ? ($("footer").style.position = "fixed", $("footer").style.bottom = "27px", $("container").style.marginTop = i * e / 16 - 1 + "rem", $("footer").style.marginTop = "0") : ($("footer").style.position = "relative", $("footer").style.bottom = "0px", $("container").style.marginTop = i * e / 16 - 1 + "rem", $("footer").style.marginTop = i * t / 16 - 1 + "rem")
    }, false)
    //默认接口没有加载成功
</script>
<script>
    function getParams(name){
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return decodeURIComponent(r[2]);
        return null;
    }
    var complain_url = getParams('url') || "";
    var url = "//guanjia.qq.com/online_server/m_complain.html?url="+encodeURIComponent(complain_url);
    $("inner-linkID").href=url;
</script>
<script>
    function isMoblie() {
        var ua = navigator.userAgent;
        var moblie_reg = /AppleWebKit.*Mobile/;
        if (moblie_reg.test(ua)) {
            return true;
        }
        return false;
    }
    function showdetail() {
        $("main").style.display = "none";
        if (!isMoblie()) {
            $("alarm-info2").style.display = "block"
        } else {
            $("alarm-info").style.display = "block"
        }
    }
    var wording = "网页包含诱导分享、关注等诱导行为内容,被多人投诉,为维护绿色上网环境,已停止访问。"
    var level = getParams('level') || '';
    var sublevel = getParams('sublevel') || '';
    var configsublevel = [79,142,220,210,113]
    if (level == 14 ) {
        if (configsublevel.indexOf(parseInt(sublevel)) != -1) {
            $('info').innerHTML = wording
        }
    }
    // var timer = new Date();
    // var v = timer.getTime();
    // var url = "//3gimg.qq.com/tele_safe/safeurl/js/android.js?v=" + v;
    // var body = document.body;
    // var script = document.createElement("script");
    // script.src = url;
    // body.appendChild(script);
</script>
</body>
</html>
Last modification:December 23, 2018
如果觉得我的文章对你有用,请随意赞赏