投稿
  1. 蓝洛水深Home
  2. 教程
  3. 网站
  4. Paged 15

网站

  • 网页限制F12代码，实现调试模式下自动关闭网页或者跳转指定页面 网站

    网页限制F12代码，实现调试模式下自动关闭网页或者跳转指定页面

    在有些页面不想让用户访问F12的情况下我们需要如何去处理,要如何实现用户访问F12关闭网页或进行跳转。 下面具体贴上代码 复制到你的网页代码中即可 关闭窗口并打开空白页JS代码

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    <script type="text/javascript">
    //判断F12审查元素
    function fuckyou() {
    window.close(); //关闭当前窗口(防抽)
    window.location = "about:blank"; //将当前窗口跳转置空白页
    }
     
    function ck() {
    console.profile();
    console.profileEnd();
    //我们判断一下profiles里面有没有东西，如果有，肯定有人按F12了，没错！！
    if(console.clear) {
    console.clear()
    };
    if(typeof console.profiles == "object") {
    return console.profiles.length > 0;
    }
    }
     
    function hehe() {
    if((window.console && (console.firebug || console.table && /firebug/i.test(console.table()))) || (typeof opera == 'object' && typeof opera.postError == 'function' && console.profile.length > 0)) {
    fuckyou();
    }
    if(typeof console.profiles == "object" && console.profiles.length > 0) {
    fuckyou();
    }
    }
    hehe();
    window.onresize = function() {
    if((window.outerHeight - window.innerHeight) > 200)
    //判断当前窗口内页高度和窗口高度，如果差值大于200，那么呵呵
    fuckyou();
    }
    </script>

    F12-网页跳转JS

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    function collect() {
        //开始javascript执行过程的数据收集
        console.profile();
        //配合profile方法，作为数据收集的结束
        console.profileEnd();
        //我们判断一下profiles里面有没有东西，如果有，肯定有人按F12了，没错！！  
        if (console.clear) {
            //清空控制台
            console.clear()
        };
        if (typeof console.profiles == "object") {
            return console.profiles.length > 0;
        }
    }
    function check() {
        if ((window.console && (console.firebug || console.table && /firebug/i.test(console.table()))) || (typeof opera == 'object' && typeof opera.postError == 'function' && console.profile.length > 0)) {
            jump();
        }
        if (typeof console.profiles == "object" && console.profiles.length > 0) {
            jump();
        }
    }
    check();
    window.onresize = function() {
        //判断当前窗口内页高度和窗口高度
        if ((window.outerHeight - window.innerHeight) > 200)
        jump();
    }
    function jump() {
        window.location = "https://72.rs";

    蓝洛水深的头像 蓝洛水深
    2020年6月23日
    02.3K0

  • WordPress媒体库迁移腾讯COS教程（避坑指南）

    经过了两天的摸索与尝试，加上丢失了一点点数据库内容，现在把这个过程分享给有需要的朋友，希望你在做媒体库迁移到腾讯COS的过程中能避掉一些坑。 为什么做迁移 原因很简单，我想使用腾讯COS的webp服务，使用的主题是自带这个服务的，如下图所示，在图片资源为腾讯云COS的基础上，加上一小行后缀即可自动实现webp。[crayon-674131b9f21ae724…

    蓝洛水深的头像 蓝洛水深
    2020年4月9日 • 网站
    03.1K1
  • HTML通过CSS控制元素上下居中同时左右居中 网站

    HTML通过CSS控制元素上下居中同时左右居中

    之前在给阳光房宝做小程序码的时候就需要在微信中上下左右居中，因为平时很少自己写前端，所以搜索了一些前辈的方法 最终我用的是下面这样的代码：

    PHP
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>阳光房宝小程序</title>
    <style>
    .container {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        font-size: 0;
        white-space: nowrap;
        overflow: auto;
    }
     
    .container:after {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
     
    .dialog {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        white-space: normal;
    }
    </style>
    </head>
    <body width="100%" height="100%" margin: 0;  padding: 0;>
    <div class="container">
    <div class="dialog">
    <img src="xiaochengxu.jpg" width="100%"/>
    </div>
    </div>
    </body>
     
    <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script><!--引用最新版腾讯JS-->
    <script>
      wx.config({
        debug: false,
        appId: '***',
        timestamp: ***,
        nonceStr: '***',
        signature: '***',
        jsApiList: [
            'updateAppMessageShareData' ,'updateTimelineShareData' // API列表
        ]
      });
      //API内容
    wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
    wx.updateAppMessageShareData({
    title: '阳光房宝小程序',
    desc: '阳光城·翡丽公馆项目位于贵州省毕节市中心城区-东城区板块，前靠毕节东客站...',
    link: 'http://720.gyxlck.com/yangguangfeicui/xcx.php',
    imgUrl: 'http://720.gyxlck.com/yangguangfeicui/logo.jpg',
    success: function () {
      // 设置成功
    }
    });  
    });
        wx.ready(function () {      //需在用户可能点击分享按钮前就先调用
        wx.updateTimelineShareData({
            title: '阳光房宝小程序', // 分享标题
            link: 'http://720.gyxlck.com/yangguangfeicui/xcx.php', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://720.gyxlck.com/yangguangfeicui/logo.jpg', // 分享图标
            success: function () {
              // 设置成功
            }
    });
    });
    </script>

    可以通过这个链接查看具体效果：http://720.gyxlck.com/yangguangfeicui/xcx.php 而最近通过自己学习，我觉得这样写更直…

    蓝洛水深的头像 蓝洛水深
    2020年3月26日
    01.0K0
  • 移动端H5不能自动播放背景音乐解决方法 网站

    移动端H5不能自动播放背景音乐解决方法

    相信很多开发者都遇到了这个坑，在PC上用浏览器调试也都能播放，但实际在微信或者手机浏览器中，又不能正常播放，解决的办法也很简单，参照如下代码修改即可： 1、先加载背景音乐

    JavaScript
    1
    <audio id="bgmusic" style="display:none;" src="music/back.mp3" autoplay preload controls></audio><!--加载背景音乐-->

    2、利用微信的jssdk突破了限制

    JavaScript
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <script>
    var audioStatus = "paused";
    var audio = document.getElementById("bgmusic");
    audio.addEventListener("playing", function(){
    audioStatus = "playing";
    });
    audio.addEventListener("pause", function(){
    audioStatus = "paused";
    });
    document.addEventListener("WeixinJSBridgeReady", function () {
    if(audioStatus=="paused"){
    //判断播放状态，如果未播放就执行播放
    document.getElementById("bgmusic").play();
    }
    });
    </script>

    添加如上代码后，即可实…

    蓝洛水深的头像 蓝洛水深
    2020年2月19日
    15.0K9
  • PC版微信浏览小程序提示你的微信版本过低，无法使用此小程序的服务解决办法 网站

    PC版微信浏览小程序提示你的微信版本过低，无法使用此小程序的服务解决办法

    最近在使用wpcom的JustWeapp小程序时发现电脑上不能正常浏览，提示： 但事实上，电脑版的微信已经是最新版，解决的办法很简单，按如下操作即可。 ↓ ↓ ↓ ↓ 搞定，重新在电脑版微信打开，即可正常访问。  

    蓝洛水深的头像 蓝洛水深
    2019年12月30日
    012.9K0

  • 国内外知名CDN汇总

    国内CDN 腾讯云CDN 腾讯云的CDN可以开启HTTPS，详细配置可以参考： 腾讯云服务器开启CDN及CDN开启HTTPS详细配置教程 目前腾讯的CDN针对新用户是每月都会赠送10G，像我用的比较早，每个月送的是60G。 360网站卫士 百度云加速 但需要注意的是，在loc很多人称百度云加速为百度云减速。 又拍云CDN 七牛云CDN 云盾CDN 国外CDN…

    蓝洛水深的头像 蓝洛水深
    2019年12月22日 • 网站
    01.5K0

  • 宝塔面板下WordPress使用WP Super Cache搭配Memcached加速完整教程

    以前在国外的时候，国内访问博客的速度的快慢完全就是看缘分，哪怕是CN2的网络也顶不住墙和抽风，索性破罐子破摔，自然也就没有怎么在意WordPress的速度优化工作。 可最近因为搬迁回国，发现国内访问速度和国外有着天壤之别，这几天对怎么把这个速度优化到最大也痴迷了起来。 而在这个过程中，我发现网上很多教程都是临碎化的，很难找到比较有体系的教程，也就很难对像我这…

    蓝洛水深的头像 蓝洛水深
    2019年11月13日 • 网站
    03.0K1
  • 腾讯云安装wordpress后不能SMTP发信超时或失败解决办法 网站

    腾讯云安装wordpress后不能SMTP发信超时或失败解决办法

    今天下午掉wordpress不能SMTP发信的坑里弄了好久，换了几个插件均没有成功，wp mail bank是提示检查设置，wp mail smtp是直接超时。 排查了很久之后，突然领悟，我用的是腾讯云，并且使用了安全组！ 没错，就是因为安全组的原因，默认情况下，腾讯服务器是没有启动安全组的，为了安全，我在这两天启动了安全组。 而smtp如果是SSL的话，是…

    蓝洛水深的头像 蓝洛水深
    2019年11月11日
    03.2K0

  • 腾讯云服务器开启CDN及CDN开启HTTPS详细配置教程

    买了腾讯云的双十一机子，随后备案回国，毕竟机子带宽相较于国外动不动百兆来说不是很高，只有5M，很容易就能跑满。基于腾讯云每个月赠送了60G的流量，就想到何不把这60G流量用起来，将网站从原来的llss.us变更域名到ilanluo.com上线后，果断在腾讯云里开启了CDN，结果发现没有想象中简单，要么报错，要么卡顿明显，研究了两天，目前找到了一个比较稳定的配…

    蓝洛水深的头像 蓝洛水深
    2019年11月2日 • 网站
    03.9K2

  • 接入Cloudflare后报错520解决办法及CloudflareSSL部署

    最近接入Cloudflare的CDN后，用了一天报错，检查了服务器上的Nginx和PHP以及数据库确认没有问题后，就想到了证书问题。 废话不多说，登陆Cloudflare后台，按下图创建证书。 依次进行操作。 得到证书 随后到宝塔设置证书，讲上图得到的内容依次填入，上面的填左边，下面的填右边。 填入后，点保存，返回Cloudflare设置最后一步，就是强制H…

    蓝洛水深的头像 蓝洛水深
    2019年10月15日 • 网站
    06.8K0
联系QQ
联系QQ
SHARE
TOP