JavaScript實如今線websocket WSS測試工具 -toolfk程序員工具網

      本文要推薦的[ToolFk]是一款程序員常用的線上免費測試工具箱，ToolFk 特點是專一於程序員平常的開發工具，不用安裝任何軟件，只要把內容貼上按一個執行按鈕,就能獲取到想要的內容結果。ToolFk還支持  BarCode條形碼在線生成、 QueryList採集器、 PHP代碼在線運行、 PHP混淆、加密、解密、 Python代碼在線運行、JavaScript在線運行、YAML格式化工具、HTTP模擬查詢工具、HTML在線工具箱、JavaScript在線工具箱、CSS在線工具箱、JSON在線工具箱、Unixtime時間戳轉換、Base64/URL/Native2Ascii轉換、CSV轉換工具箱、XML在線工具箱、WebSocket在線工具、Markdown 在線工具箱、Htaccess2nginx 轉換、進制在線轉換、在線加密工具箱、在線僞原創工具、在線APK反編譯、在線網頁截圖工具、在線隨機密碼生成、在線生成二維碼Qrcode、在線Crontab表達式生成、在線短網址生成、在線計算器工具。等20多個平常程序員開發工具，算是一個很是全面的程序員工具箱網站。

 

網站名稱：ToolFk
網站鏈結：https://www.toolfk.com/
工具連接：https://www.toolfk.com/tool-online-runwebsocket

代碼教學

本工具[在線WebScoket測試工具]使用JavaScript代碼實現。網站頁面以下

STEP 1

STEP 2

核心代碼以下

function StartWebSocket(wsUri) {
    websocket = new WebSocket(wsUri);
    websocket.onopen = function(evt) { onOpen(evt) };
    websocket.onclose = function(evt) { onClose(evt) };
    websocket.onmessage = function(evt) { onMessage(evt) };
    websocket.onerror = function(evt) { onError(evt) }; }

function onOpen(evt) {
    writeToScreen("<span style='color:red'>@lang('toolfk.lang_text_connect_suc')</span>");
}
function onClose(evt) {
    writeToScreen("<span style='color:red'>@lang('toolfk.lang_text_connect_close')</span>");
    websocket.close();
}
function onMessage(evt) {
    writeToScreen('<span style="color:blue">@lang('toolfk.lang_text_server_rep')&nbsp;'+formatDate(new Date())+'</span><br/><span class="bubble">'+ evt.data+'</span>');
}
function onError(evt) {
    writeToScreen('<span style="color: red;">@lang('toolfk.lang_text_send_error'):</span> '+ evt.data);
}
function   formatDate(now)   {
    var   year=now.getFullYear();
    var   month=now.getMonth()+1;
    var   date=now.getDate();
    var   hour=now.getHours();
    var   minute=now.getMinutes();
    var   second=now.getSeconds();
    return   year+"-"+(month=month<10?("0"+month):month)+"-"+(date=date<10?("0"+date):date)+" "+(hour=hour<10?("0"+hour):hour)+":"+(minute=minute<10?("0"+minute):minute)+":"+(second=second<10?("0"+second):second);
}
function writeToScreen(message) {
    var div = "<div class='newmessage'>"+message+"</div>";
    var d = $("#output");
    var d=d[0];
    var doScroll = d.scrollTop == d.scrollHeight - d.clientHeight;
    $("#output").append(div);
    if (doScroll) {
        d.scrollTop = d.scrollHeight - d.clientHeight;
    }
}

$(function(){
    $(".btn-open").click(function(){
        var wsaddr = $("#wsaddr").val();
        if (wsaddr=='') {
            layer.msg("@lang('toolfk.lang_text_websocket_empty')");
            return false;
        }
        StartWebSocket(wsaddr);
    });

    $(".btn-close").click(function(){
        websocket.close();
    });

    $(".btn-clear").click(function(){
        $("#wsaddr").val("");
        $("#output").empty();
    });
    $(".btn-demo").click(function(){
        $("#wsaddr").val($(this).data("url"));
    });

    $(".btn-send").click(function(){
        var message=$("#message").val();
        if (message=='') {
            layer.msg("@lang('toolfk.lang_text_send_address')");
            $("#message").focus();
            return false;
        }
        if (typeof websocket==="undefined"){
            layer.msg("@lang('toolfk.lang_text_send_fail')");
            return false;
        }
        if (websocket.readyState==3) {
            layer.msg("@lang('toolfk.lang_text_close_suc')");
            return false;
        }
        $("#message").val('');
        writeToScreen('<span style="color:green">@lang('toolfk.lang_text_send_info_ok')&nbsp;'+formatDate(new Date())+'</span><br/>'+ message);
        websocket.send(message);
    })
});

 

 

值得一試的三個理由：

1. 整合各種程序員開發中常用的開發測試工具。

2. 簡潔美觀大氣的網站頁面

3. 支持 在線格式化執行代碼、APK在線反編譯、在線高強度密碼生成、在線網頁截圖 等二十多種工具服務

4. 同時還推薦一下它的姐妹網 www.videofk.com 視頻下載工具箱 

 

本文連接：http://www.hihubs.com/article/373