<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>websocket离线测试</title>
<meta content="websocket离线测试 工具" name="description">
<link rel="stylesheet" href="index.css">
</script>
</head>
<body>
<div>
<div class="zone_conn">
<input type="text" class="form-control" style="float:left;" id="inp_url" value="ws://127.0.0.1/websocket" placeholder="连接的地址">
<button type="button" id="btn_conn" class="btn btn-primary" style="float:left;margin-left:10px;margin-right:10px;" onclick="fun_initWebSocket();">连接</button>
<button type="button" id="btn_close" class="btn btn-danger" style="float:left;" onclick="fun_close();" disabled="disabled">断开</button>
</div>
<div class="clearboth" style="width:430px;">
1、连接格式为 ws://IP或域名:端口(示例ws://127.0.0.1/websocket)<br>
2、对于<span style="color:red">内网</span>的测试环境,只需填入服务端的<span style="color:red">内网IP</span>和端口<br>
</div>
<div class="zone_send">
<textarea id="inp_send" class="form-control" style="height:100px;" placeholder="发送的内容"></textarea>
<br>
<button type="button" id="btn_send" class="btn btn-info" onclick="fun_sendto();">发送(ctrl+回车)</button>
</div>
</div>
<div style="position:absolute;top:120px;left:470px;">
<div id="div_msgzone" class="panel panel-default">
<div class="panel-heading">消息窗口</div>
<div id="div_msg" class="panel-body" style="width: 1420px; height: 767px;"><div style="margin-bottom:10px;position:relative;left:0px;"></div>
</div>
</div>
<script type="text/javascript" src="index.js"></script>
</body></html>
没有合适的资源?快使用搜索试试~ 我知道了~
websocket 离线测试工具包(简单好用).zip
共3个文件
css:1个
html:1个
js:1个
1星 需积分: 38 74 下载量 183 浏览量
2020-10-22
17:55:03
上传
评论
收藏 71KB ZIP 举报
温馨提示
非常简单的websocket离线测试工具哦,方便没有网络时候支持离线使用, 在浏览器打开index.html就可以使用,输入对应的websocket地址,点击连接,连接成功可以发送消息进行测试。。。。。
资源推荐
资源详情
资源评论
收起资源包目录
websocket 离线测试工具包(简单好用).zip (3个子文件)
websocket 离线测试工具包(简单好用)
index.js 144KB
index.html 2KB
index.css 120KB
共 3 条
- 1
资源评论
- 超大型BBQ2023-06-21内容文字乱码,超过中文识别区,像下载日本小游戏,不同win语区要转码才能玩一样,但这个下载后转码后还是不能解压。
小灬疯
- 粉丝: 7
- 资源: 17
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功