通过JS判断联网类型和连接状态的实现代码

最新推荐文章于 2021-04-12 17:00:14 发布
最新推荐文章于 2021-04-12 17:00:14 发布
阅读量680 收藏
点赞数
 <!DOCTYPE HTML>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
 <title>Connection API</title>
 </head>
 <body>
 <button id="btn" type="button">Get Ststus</button>
 <div id="re" style="margin-top: 10px;"></div>
 <script type="text/javascript">
 var connection = navigator.connection||navigator.mozConnection||navigator.webkitConnection||{tyep:'unknown'};
 var type_text = ['unknown','ethernet','wifi','2g','3g','4g','none'];
  
 alert(connection.type);
 var re_el = document.getElementById("re");
 var btn_el = document.getElementById("btn");
 function get_status(){
 if(typeof(connection.type) == "number"){
 connection.type_text = type_text[connection.type];
 }else{
 connection.type_text = connection.type;
 }
 if(typeof(connection.bandwidth) == "number"){
 if(connection.bandwidth > 10){
 connection.type = 'wifi';
 }else if(connection.bandwidth > 2){
 connection.type = '3g';
 }else if(connection.bandwidth > 0){
 connection.type = '2g';
 }else if(connection.bandwidth == 0){
 connection.type = 'none';
 }else{
 connection.type = 'unknown';
 }
 }
 var html = 'Type : '+connection.type_text;
 html += '<br>Bandwidth : '+connection.bandwidth;
 html += '<br>isOnline : '+navigator.onLine;
 re_el.innerHTML = html;
 }
  
 btn_el.onclick = function(){
 re_el.innerHTML = 'Waiting...';
 get_status();
 }
  
 </script>
 </body>
 </html>
joker0198
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js判断wifi_js判断手机连接网络类型
weixin_30562757的博客
02-17 517
Connection APIGet Ststusvar connection = navigator.connection||navigator.mozConnection||navigator.webkitConnection||{tyep:'unknown'};var type_text = ['unknown','ethernet','wifi','2g','3g','4g','none']...
判断当前手机网络类型
02-01
判断当前手机所在的网络，直接拷贝到代码中使用
js判断手机连接网络类型
weixin_34176694的博客
09-30 669
&lt;!DOCTYPE HTML&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en"&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;&lt;meta name=&
js获取网络类型
孤云博客
03-28 8780
随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666)、博主微信（guyun297890152）、QQ技术交流群(183198395)。 function getNetworkType() { var ua = navigator.userAgent; var networkStr = u...
JS判断当前手机类型
小傲哥哥的博客
06-17 825
这几天要做一个需求，但是这个需求只在安卓手机上加，所以就需要判断手机类型，然后就自己写了一个方法： window.onload = function () { var u = navigator.userAgent; if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机 console.log("安卓手机"); } else if (u.indexOf('iPhone') > -1
php判断网络类型,js实现获取网络类型的方法
weixin_42499067的博客
04-12 289
本文主要和大家分享js实现获取网络类型的方法，主要以代码的方式，希望能帮助到大家。function getNetworkType() {var ua = navigator.userAgent;var networkStr = ua.match(/NetType\/\w+/) ? ua.match(/NetType\/\w+/)[0] : 'NetType/other';networkStr = ...
计算机软件-商业源码-282 判断计算机的联网状态.zip
05-22
总的来说，判断计算机的联网状态涉及了多种编程技术和网络原理，包括网络连接、套接字通信、域名解析等。开发者可以根据自己的需求选择适合的编程语言和方法来实现这一功能。这份商业源码可能提供了不同平台或语言的...
判断 程序是否联网，提示联网的Demo
05-13
以上代码片段提供了不同平台判断程序是否联网的基本方法。在实际应用中，你可以根据需求进行调整，例如在检测到无网络连接时显示提示信息。例如，在Android和iOS中，可以创建一个通知或对话框告知用户当前的网络状况...
SiliverLight应用程序获取当前联网状态
11-06
总的来说，通过结合Silverlight的HtmlPage对象和HTML5的navigator.onLine属性，我们可以实现类似QQ那样的网络状态判断功能，为用户提供更智能、更贴心的服务。同时，定期轮询和事件监听机制能确保在各种情况下都能...
JS通过分析userAgent属性来判断浏览器的类型及版本
10-26
JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另 一种是通过分析浏览器的userAgent属性来判断的
使用JS在浏览器中判断当前网络连接状态的几种方法
10-19
本篇文章主要介绍了使用JS在浏览器中判断当前网络状态的几种方法，非常具有实用价值，需要的朋友可以参考下
js是否联网，实时联网监测
01-24
前端代码：判断是否联网，实时监测联网状况。最简化代码
JS类型判断
huyao的博客
05-16 1065
要求能识别所有原始类型，function,  array,  object,  并可以识别包装类数字包装类  -&gt;  "number - object"布尔包装类  -&gt;  "boolean - object"字符串包装类  -&gt;  "string - object"结果：代码：/** * 先判断是否为null * 再判断是对象还是typeof能识别的其他类型 */ fun...
javascript如何获取设备连接网络类型，切换提示给用户
weixin_39531576的博客
08-16 3237
js有个navigator对象，有兴趣可自行在浏览器打印,如下图 具体方法如下 getTypeNet() { let strCode = navigator.userAgent; let stringNet= strCode .match(/NetType/\w+/) ? strCode .match(/NetType/\w+/)[0] : ‘NetType/other’; var netwo...
Js判断机器是否联网的二种方法
u013934392的博客
08-04 2936
用Js脚本检测机器的联网状态。 只有机器已经联网以后，web应用才能启动，下面使用javascript判断机器是否联网，具体判断代码如下，有此需求的朋友可以参考下 有些应用，需要在用户联网的情况下，也可以正常使用。 有时机器重启，网络暂时中断，特别是windows7，启动网络服务需要好几秒，此时怎么办呢？ 之前尝试过几种方法： 比如，通过ping来判断， 但是ping需要有一个非本机的...
微信分享给朋友圈/朋友/判断网络类型/支付在vue里面亲测
fighting_sunnyGirl的博客
07-30 2929
最近开发微信公众号也是各种接触jssdk，也走了不少弯路吧，写个总结铭记一下。。。。用的是vue框架来开发的。。。。。 在涉及分享的时候在因为默认取得就是页面第一张图，也走了点弯路，虽然可取但是自己定义的tittle和描述内容纹丝不动 最开始这么干的：仅仅改变了分享图标而已，并没有起到多大的作用 style="display:none"> src="http://***。c
通过JS判断网络状态调研及实例demo说明
大灰狼的小绵羊哥哥的博客
10-22 2656
官方文档 English Document demo地址 [demo]http://mjs.sinaimg.cn/wap/online/cms/article/cm/network.html) demo来源于地址http://www.w3cmark.com/2016/442.html 摘要 在设备的使用中，这个Network Information API用于 web 尝试处理网络连接信息。 用
c语言双人联网五子棋联网功能怎么实现通过socket代码
最新发布
06-02
以下是基于TCP协议的C语言双人联网五子棋联网功能实现的示例代码，其中包括服务器端和客户端的代码： 服务器端代码： ```c #include <stdio.h> #include <stdlib.h> #include <string.h> #include <sys/socket.h> #include <netinet/in.h> #include <arpa/inet.h> #include <unistd.h> #define PORT 8888 #define MAXSIZE 1024 int main() { int listenfd, connfd, n; struct sockaddr_in servaddr, cliaddr; socklen_t clilen; char sendline[MAXSIZE], recvline[MAXSIZE]; // 创建socket listenfd = socket(AF_INET, SOCK_STREAM, 0); if (listenfd == -1) { printf("create socket error\n"); exit(1); } // 设置服务器地址和端口号 bzero(&servaddr, sizeof(servaddr)); servaddr.sin_family = AF_INET; servaddr.sin_addr.s_addr = htonl(INADDR_ANY); servaddr.sin_port = htons(PORT); // 绑定socket和地址 if (bind(listenfd, (struct sockaddr *)&servaddr, sizeof(servaddr)) == -1) { printf("bind error\n"); exit(1); } // 监听socket if (listen(listenfd, 5) == -1) { printf("listen error\n"); exit(1); } printf("waiting for connection...\n"); while (1) { clilen = sizeof(cliaddr); // 接受客户端连接请求 connfd = accept(listenfd, (struct sockaddr *)&cliaddr, &clilen); if (connfd == -1) { printf("accept error\n"); exit(1); } printf("client %s:%d connected\n", inet_ntoa(cliaddr.sin_addr), ntohs(cliaddr.sin_port)); // 循环接收和发送数据 while (1) { // 接收客户端数据 n = recv(connfd, recvline, MAXSIZE, 0); if (n == -1) { printf("recv error\n"); break; } if (n == 0) { printf("client closed\n"); break; } recvline[n] = '\0'; printf("recv from client: %s\n", recvline); // 发送数据给客户端 printf("send to client: "); fgets(sendline, MAXSIZE, stdin); send(connfd, sendline, strlen(sendline), 0); } // 关闭连接 close(connfd); } // 关闭socket close(listenfd); return 0; } ``` 客户端代码： ```c #include <stdio.h> #include <stdlib.h> #include <string.h> #include <sys/socket.h> #include <netinet/in.h> #include <arpa/inet.h> #include <unistd.h> #define PORT 8888 #define MAXSIZE 1024 int main() { int sockfd, n; struct sockaddr_in servaddr; char sendline[MAXSIZE], recvline[MAXSIZE]; // 创建socket sockfd = socket(AF_INET, SOCK_STREAM, 0); if (sockfd == -1) { printf("create socket error\n"); exit(1); } // 设置服务器地址和端口号 bzero(&servaddr, sizeof(servaddr)); servaddr.sin_family = AF_INET; servaddr.sin_port = htons(PORT); if (inet_pton(AF_INET, "127.0.0.1", &servaddr.sin_addr) <= 0) { printf("inet_pton error\n"); exit(1); } // 连接服务器 if (connect(sockfd, (struct sockaddr *)&servaddr, sizeof(servaddr)) == -1) { printf("connect error\n"); exit(1); } printf("connected to server\n"); // 循环接收和发送数据 while (1) { // 发送数据给服务器 printf("send to server: "); fgets(sendline, MAXSIZE, stdin); send(sockfd, sendline, strlen(sendline), 0); // 接收服务器数据 n = recv(sockfd, recvline, MAXSIZE, 0); if (n == -1) { printf("recv error\n"); break; } if (n == 0) { printf("server closed\n"); break; } recvline[n] = '\0'; printf("recv from server: %s\n", recvline); } // 关闭socket close(sockfd); return 0; } ``` 需要注意的是，以上代码仅为示例代码，实际应用中需要根据具体需求进行修改和完善。同时，在实际应用中还需要考虑网络安全等问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值