微信域名攔截查詢網頁源碼——一個很是實用的微信域名檢測工具實現

以前客戶給了一個域名檢測api接口,專門對接程序的,用於程序自動檢測域名輪轉,攔截域名自動下線用的javascript

最近買域名比較頻繁,老是入坑,一不當心買回來的新域名就是已經被微信攔截的,估計是域名上一任主人沒有善待它們html

手頭上的檢測接口直接拿來用很不方便,這纔想着寫個本地的網頁版批量查詢工具,本身用,方便!前端

一下是實現過程(最後附上完整版代碼,若是是小白能夠直接拿去用):java

1.前端代碼實現

找一個現成的模板修改: 矮鹿主頁這個版子看起來還能夠就用他改吧。web

多餘部分去掉,留下head部分,body裏留下關鍵的文本輸入框、按鈕和結果面板就好了,其餘的能夠不用動,喜歡其餘顏色的能夠調整個顏色。api

<!--主要頁面組建 -->
<div class="panel" style="background:#000">
    <div class="panel_inner">
        <div class="promo">
            <!--標題 -->
            <h2 style="color:#fff">微信域名批量檢測工具</h2>
        </div>
        <div class="form1">
            <!--輸入框,能夠本身調節大小 -->
            <textarea class="main-textarea" placeholder="請輸入須要檢測的連接" type="text" id="text" name="text" value="" size="60" style="height:160px;"></textarea>    
            <!--提交按鈕 -->
            <button type="button" id="btn-tcn" class="main-button" onclick="wxcheck_form()">批量檢測</button>
        </div>
        <!--輸出結果組建 -->
        <div id="result_panel"></div>
    </div>
</div>

實現效果:

前端實現效果

2.js代碼部分實現

<script>
var notice_msg = '1';
        var api_host = 'http://api.zaiailu.com';
        function wxcheck_form(){
            $("#result_panel").hide();
            var url_longs = $("#text").val();
            if(!url_longs) {
                alert('輸入格式不正確!');
                return false;
            }
            $.post(api_host+"/"+"wxcheck/web_panel", {url_longs:url_longs},function(result){
                $('#result_panel').html(result);
                $("#result_panel").show();
                wxcheck_handdle();
            });
            return false;
        }
        
        function wxcheck_handdle() {
            var wxcheck_api_url = 'http://api.zaiailu.com/keyisE3AYL43N/wxcheck?url=';//檢測接口
            var em = $("*[data='-']:eq(0)");
            if(em.length>0) {
                em.attr('data','loading');
                em.html('<img src="http://www.link114.cn/template/images/loading.gif" />');
                $.get(wxcheck_api_url+em.attr('url-long'),function(result){
                    if(result.indexOf('正常')>-1) {
                        em.html('<span class="opt-result-ok" style="color:green;">域名正常</span>');
                        wxcheck_handdle();
                    } else if(result.indexOf('被封')>-1) {
                        em.html('<span class="opt-result-fail">域名被封</span>');
                        wxcheck_handdle();
                    } else if(result.indexOf('到期')>-1) {
                        em.html('<span class="opt-result-fail">兄弟,接口到期啦!</span>');
                        wxcheck_handdle();
                    } else {
                        em.html('<span class="opt-result-fail">'+result+'</span>');
                        wxcheck_handdle();
                    }
                });
            }
        }

</script>

對接接口

js中加了檢測接口註釋的那一行就是對接接口的地方,替換對接好接口後,一個本地的網頁版批量域名檢測工具就完成了,不須要上傳服務器,頁面放在哪裏都能用,這樣用起來就方便多了。服務器

實現效果

最終實現效果

3.源碼下載

DEMO我所有寫好了,須要的朋友點此下載微信

下載地址:https://wxcheck-demo.oss-cn-hangzhou.aliyuncs.com/wxCheck_DEMO.raride

相關文章
相關標籤/搜索