以前客戶給了一個域名檢測api接口,專門對接程序的,用於程序自動檢測域名輪轉,攔截域名自動下線用的javascript
最近買域名比較頻繁,老是入坑,一不當心買回來的新域名就是已經被微信攔截的,估計是域名上一任主人沒有善待它們html
手頭上的檢測接口直接拿來用很不方便,這纔想着寫個本地的網頁版批量查詢工具,本身用,方便!前端
一下是實現過程(最後附上完整版代碼,若是是小白能夠直接拿去用):java
找一個現成的模板修改: 矮鹿主頁這個版子看起來還能夠就用他改吧。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>
<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中加了檢測接口註釋的那一行就是對接接口的地方,替換對接好接口後,一個本地的網頁版批量域名檢測工具就完成了,不須要上傳服務器,頁面放在哪裏都能用,這樣用起來就方便多了。服務器
DEMO我所有寫好了,須要的朋友點此下載微信
下載地址:https://wxcheck-demo.oss-cn-hangzhou.aliyuncs.com/wxCheck_DEMO.raride