Chrome 浏览器中查看 webSocket 连接信息_谷歌浏览器看不到 websocket

3 4 5 WebSocket</ti..._谷歌浏览器看不到 websocket"><link rel="shortcut icon" type="image/x-icon" href="https://cdn.wpsshop.cn/public/blog/images/favicon.ico"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"><meta name="applicable-device" content="pc,mobile"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta http-equiv="Cache-Control" content="no-transform"><meta http-equiv="Cache-Control" content="no-siteapp"><meta name="referrer" content="no-referrer"><meta name="apple-mobile-web-app-capable" content="yes"><script type="text/javascript" src="https://cdn.wpsshop.cn/public/js/jquery-1.9.1.js?v=1.232"></script><link rel="stylesheet" href="https://cdn.wpsshop.cn/public/game/css/corecss.css?v=3890" type="text/css"><link rel="stylesheet" href="https://cdn.wpsshop.cn/public/game/css/core.css?v=4890" type="text/css"><link rel="stylesheet" href="https://cdn.wpsshop.cn/public/game/css/mobilecore.css?v=890" type="text/css"><script type="text/javascript" src="https://cdn.wpsshop.cn/public/game/js/common.js?v=890" ></script><style type="text/css"> body{ padding-top:0px; margin:0px; } .cppui-container-1{ position: relative; background-color: #fff; margin:0px auto; height:auto; } .cppui-row-1{ position: relative; margin:0px auto; height:auto; width:1190px; /*960 1190*/ } .cppui-row-1_100{ /*1 100%*/ position: relative; margin:0px auto; height:auto; width:100%; /*960 1190*/ } .cppui-column-1-1-0-1,.cppui-column-1-0-1,.cppui-column-1-1-1-0-1,.cppui-column-360-auto-0-1,.cppui-column-auto-0-1{ background-color: #fff; position: relative; height:auto; display: inline-block; } .cppui-column-1-1-0-1/*1:1*/ width: 49%; .cppui-column-1-0-1{ /*1*/ width: 99%; } .cppui-column-1-1-1-0-1{ /*1:1:1*/ width: 33%; } .cppui-column-360-auto-0-1{ /*360:auto*/ width: 360px; } .cppui-column-auto-0-1{ /*360:auto*/ width:auto; } </style></head><body><link rel="stylesheet" href="https://cdn.wpsshop.cn/public/blog/css/index_top.css?v=890" type="text/css"><link rel="shortcut icon" type="image/x-icon" href="https://cdn.wpsshop.cn/public/blog/images/favicon.ico"><link rel="stylesheet" href="https://cdn.wpsshop.cn/public/blog/css/index_top_last.css?v=3890" type="text/css"><script type="text/javascript" src="https://cdn.wpsshop.cn/public/blog/js/index_top_last.js?v=890"></script><style type="text/css"></style><script type="text/javascript"></script><div class="cl-header container-fluid grid-top"><div class="header-content container px-0"><nav class="navbar navbar-expand-lg navbar-light"><a class="navbar-brand" href="/blog/UNITY/list/1"><img height="46" src="https://cdn.wpsshop.cn/public/blog/images/logo1.png" referrerpolicy="no-referrer"></a><div class="i-imagediv i-imagediv1"><input type="search" name="keyboard" class="i-input" value="" placeholder="请输入关键词" autocomplete="off"><button class="search-button" onclick="openurl(this);"><i class="i-image"></i><span>搜索</span></button></div><button class="navbar-toggler collapsed" type="button" onclick="navbarshow('#navbarNav');" data-toggle="collapse"><span class="navbar-toggler-icon"><svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path stroke="rgba(0, 0, 0, 0.5)" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/></svg></span></button><div id="right-navigation" style="display: none;"><div id="p-views" class="vectorTabs"><h5>查看</h5><ul><li id="ca-viewsource"><a href="javascript:editorc('#content_007');" rel="nofollow" title="修正、补充或整理" accesskey="e"><span>编辑修改</span></a></li></ul></div></div><div class="navbar-collapse justify-content-end collapse" id="navbarNav"><ul class="navbar-nav"><li class="nav-item " style="color:;" ><a class="nav-link" href="/blog/UNITY/list/1">首页</a></li><li class="nav-item " style="color:;" ><a class="nav-link" href="/blog/UNITY/list/1">UNITY</a></li><li class="nav-item " style="color:;" ><a class="nav-link" href="/blog/NODEJS/list/1">NODEJS</a></li></li><li class="nav-item " style="color:;" ><a class="nav-link" href="/blog/PYTHON/list/1">PYTHON</a></li><li class="nav-item " style="color:;" ><a class="nav-link" href="/blog/AI/list/1">AI</a></li><li class="nav-item " style="color:;" ><a class="nav-link" href="/blog/GIT/list/1">GIT</a></li><li class="nav-item " style="color:;" ><a class="nav-link" href="/blog/PHP/list/1">PHP</a></li><li class="nav-item " style="color:;" ><a class="nav-link" href="/blog/GO/list/1">GO</a></li><li class="nav-item " style="color:;" ><a class="nav-link" href="/blog/CEF3/list/1">CEF3</a></li><li class="nav-item " style="color:;" ><a class="nav-link" href="/blog/JAVA/list/1">JAVA</a></li><li class="nav-item " style="color:;" ><a class="nav-link" href="/blog/HTML/list/1">HTML</a></li><li class="nav-item " style="color:;" ><a class="nav-link" href="/blog/CSS/list/1">CSS</a></li></ul><div class="i-imagediv i-imagediv2"><input type="search" name="keyboard" class="i-input" value="" placeholder="请输入关键词" autocomplete="off"><button class="search-button" onclick="openurl(this);"><i class="i-image"></i><span>搜索</span></button></div></div></nav></div></div><div class="cppui-row-1_100 cppui-row-view-1 row_1_100 ui-draggable" style="display: block;"><div class="cppui-column-1_100-0-1 column-view-com cppui-column-1_100-0-view-1 ui-sortable"><div class="drag-item-show-view-1 topheadermenu_view_pic ui-draggable" style="display: block;"><div class="index002-header drag-item-hide-view-1"><div class="index002-container"><div class="grid-right main" id="content_007" ><link rel="stylesheet" href="https://cdn.wpsshop.cn/public/blog/css/right_detail.css?v=890" type="text/css"><style type="text/css"></style><div class="m_right"><div class="profile"><div class="author"><div class="author-avatar"><a href="javascript:void(0);"><img src="https://cdn.wpsshop.cn/public/images/rw.png" class="lazy-img" data-url="" alt="devbox"></a></div><div class="author-name">代码探险家</div><div class="author-intro"> 这个屌丝很懒，什么也没留下！ </div><div class="author-bt"><a href="javascript:;" id="follow_bt" onclick="follow();" class="skins-btn" title="关注作者"><svg class="icon" style="width: 15px;height: 15px;margin-top:-3px;margin-right:5px;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1428"><path d="M1024 409.6H614.4V0H409.6v409.6H0v204.8h409.6v409.6h204.8V614.4h409.6z" fill="#ffffff" p-id="1429"></path></svg> 关注作者</a></div></div></div><div class="tools"><div class="tools_top">热门标签</div><div class="tools_box"><ul><li><a title="jquery" href="/blog/jquery/list/1" target="_blank">jquery</a></li><li><a title="HTML" href="/blog/HTML/list/1" target="_blank">HTML</a></li><li><a title="CSS" href="/blog/CSS/list/1" target="_blank">CSS</a></li><li><a title="PHP" href="/blog/PHP/list/1" target="_blank">PHP</a></li><li><a title="ASP" href="/blog/ASP/list/1" target="_blank">ASP</a></li><li><a title="PYTHON" href="/blog/PYTHON/list/1" target="_blank">PYTHON</a></li><li><a title="GO" href="/blog/GO/list/1" target="_blank">GO</a></li><li><a title="AI" href="/blog/AI/list/1" target="_blank">AI</a></li><li><a title="C" href="/blog/C/list/1" target="_blank">C</a></li><li><a title="C++" href="/blog/CPP/list/1" target="_blank">C++</a></li><li><a title="C#" href="/blog/csharp/list/1" target="_blank">C#</a></li><li><a title="PHOTOSHOP" href="/blog/PHOTOSHOP/list/1" target="_blank">PHOTOSHOP</a></li><li><a title="UNITY" href="/blog/UNITY/list/1" target="_blank">UNITY</a></li><li><a title="iOS" href="/blog/iOS/list/1" target="_blank">iOS</a></li><li><a title="android" href="/blog/android/list/1" target="_blank">android</a></li><li><a title="vue" href="/blog/vue/list/1" target="_blank">vue</a></li><li><a title="xml" href="/blog/xml/list/1" target="_blank">xml</a></li><li><a title="爬虫" href="/blog/爬虫/list/1" target="_blank">爬虫</a></li><li><a title="SEO" href="/blog/SEO/list/1" target="_blank">SEO</a></li><li><a title="LINUX" href="/blog/LINUX/list/1" target="_blank">LINUX</a></li><li><a title="WINDOWS" href="/blog/WINDOWS/list/1" target="_blank">WINDOWS</a></li><li><a title="JAVA" href="/blog/JAVA/list/1" target="_blank">JAVA</a></li><li><a title="MFC" href="/blog/MFC/list/1" target="_blank">MFC</a></li><li><a title="CEF3" href="/blog/CEF3/list/1" target="_blank">CEF3</a></li><li><a title="CAD" href="/blog/CAD/list/1" target="_blank">CAD</a></li><li><a title="NODEJS" href="/blog/NODEJS/list/1" target="_blank">NODEJS</a></li><li><a title="GIT" href="/blog/GIT/list/1" target="_blank">GIT</a></li><li><a title="Pyppeteer" href="/blog/Pyppeteer/list/1" target="_blank">Pyppeteer</a></li><li><a title="article" href="/article/list/1" target="_blank">article</a></li><div style="clear: both;"></div></ul></div></div><div class="rank"><div class="rank_top">热门文章</div><div class="rank_box"><ul><li><b class="">1</b><a title="最大二叉堆的建立以及最大堆排序_二叉树建立最大堆，从哪个节点开始出发做heapfiy" href="/w/小桥流水78/article/detail/943764" target="_blank">最大二叉堆的建立以及最大堆排序_二叉树建立最大堆，从哪个节点开始出发做heapfiy</a></li><li><b class="">2</b><a title="模型选择之AIC与BIC_aic bic" href="/w/正经夜光杯/article/detail/932331" target="_blank">模型选择之AIC与BIC_aic bic</a></li><li><b class="">3</b><a title="http请求题目-作者：【小可耐教你学影刀RPA】_影刀rpa高级试题" href="/w/爱喝兽奶帝天荒/article/detail/930518" target="_blank">http请求题目-作者：【小可耐教你学影刀RPA】_影刀rpa高级试题</a></li><li><b class="">4</b><a title="Huggingface 模型下载_hugging face cli 下载模型" href="/w/在线问答5/article/detail/943044" target="_blank">Huggingface 模型下载_hugging face cli 下载模型</a></li><li><b class="black">5</b><a title="解决每次修改代码后都需要手动install的痛点_idea2023要手动mvn install" href="/w/小桥流水78/article/detail/930981" target="_blank">解决每次修改代码后都需要手动install的痛点_idea2023要手动mvn install</a></li><li><b class="black">6</b><a title="小白入门IoTDB【元数据操作】_iotdb create" href="/w/小舞很执着/article/detail/943049" target="_blank">小白入门IoTDB【元数据操作】_iotdb create</a></li><li><b class="black">7</b><a title="java ascii加密_java加密算法" href="/w/天景科技苑/article/detail/938402" target="_blank">java ascii加密_java加密算法</a></li><li><b class="black">8</b><a title="从0开始搭建FPS游戏（附源代码）【OpenGL | 开发思路分享】_游戏源码搭建" href="/w/小惠珠哦/article/detail/934279" target="_blank">从0开始搭建FPS游戏（附源代码）【OpenGL | 开发思路分享】_游戏源码搭建</a></li><li><b class="black">9</b><a title="linux maven 发布项目,Linux下基于Maven的自动化打包发布项目" href="/w/在线问答5/article/detail/936294" target="_blank">linux maven 发布项目,Linux下基于Maven的自动化打包发布项目</a></li><li><b class="black">10</b><a title="人工智能深度学习系列—深度解析：交叉熵损失（Cross-Entropy Loss）在分类问题中的应用" href="/w/盐析白兔/article/detail/942596" target="_blank">人工智能深度学习系列—深度解析：交叉熵损失（Cross-Entropy Loss）在分类问题中的应用</a></li></ul></div></div></div><link rel="stylesheet" href="https://cdn.wpsshop.cn/public/blog/css/mid_detail.css?v=890" type="text/css"><link rel="stylesheet" href="https://cdn.wpsshop.cn/public/blog/css/mid_clk.css?v=890" type="text/css"><script type="text/javascript" src="https://cdn.wpsshop.cn/public/blog/js/mid_.js?v=890"></script><link rel="stylesheet" href="https://cdn.wpsshop.cn/public/study/js/j/vs.css?v=890" type="text/css"><script type="text/javascript" src="https://cdn.wpsshop.cn/public/study/js/j/highlight.pack.js?v=890" ></script><link rel="stylesheet" href="https://cdn.wpsshop.cn/public/blog/css/index_contenthljs.css?v=890" type="text/css"><script type="text/javascript" src="https://cdn.wpsshop.cn/public/wpsshopindex/js/detail01tj.js?v=531890" ></script><link rel="stylesheet" href="https://cdn.wpsshop.cn/public/wpsshopindex/css/mid_detail_last.css?v=3890" type="text/css"><script type="text/javascript" src="https://cdn.wpsshop.cn/public/wpsshopindex/js/mid_detail_last.js?v=33890"></script><style type="text/css"></style><script type="text/javascript"></script><div class="interactive_info" id="body-data-0098" attrv="64297"></div><div class="article_box" style="overflow: hidden;"><div class="article_channel"><div class="channel_top_line"><div class="cn_t_l"></div><div class="cn_t_r"></div></div><div class="article_channel_info">当前位置: <a href="/article/list/1">article</a> > 正文 </div></div><div class="article_title"><h1>Chrome 浏览器中查看 webSocket 连接信息_谷歌浏览器看不到 websocket</h1></div><div class="article_info"><div class="article_c_info"> 作者：代码探险家 | 2024-08-11 12:46:12</div><div class="article_click" style="width: 140px;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div class="article_intro">谷歌浏览器看不到 websocket</div><div class="article_content article_contentheight"> <link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css"> <link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-044f2cf1dc.css"> <div id="content_views" class="htmledit_views"> <p><strong>1.以下代码实现一个webSocket连接，在文本输入框中输入内容，点击发送，通过服务器，返回相同的内容显示在下方。</strong></p> <pre data-index="0" class="set-code-hide" name="code"><code class="language-html hljs language-xml"><ol class="hljs-ln" style="width:100%"><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="1"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> 1 <span class="hljs-meta"><!DOCTYPE <span class="hljs-keyword">html</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="2"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> 2 <span class="hljs-tag"><<span class="hljs-name">html</span> <span class="hljs-attr">lang</span>=<span class="hljs-string">"en"</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="3"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> 3 <span class="hljs-tag"><<span class="hljs-name">head</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="4"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> 4 <span class="hljs-tag"><<span class="hljs-name">meta</span> <span class="hljs-attr">charset</span>=<span class="hljs-string">"UTF-8"</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="5"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> 5 <span class="hljs-tag"><<span class="hljs-name">title</span>></span>WebSocket<span class="hljs-tag"></<span class="hljs-name">title</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="6"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> 6 <span class="hljs-tag"></<span class="hljs-name">head</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="7"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> 7 <span class="hljs-tag"><<span class="hljs-name">body</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="8"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> 8 <span class="hljs-tag"><<span class="hljs-name">h1</span>></span>Echo Test<span class="hljs-tag"></<span class="hljs-name">h1</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="9"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> 9 <span class="hljs-tag"><<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"sendTxt"</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="10"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line">10 <span class="hljs-tag"><<span class="hljs-name">button</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"sendBtn"</span>></span>发送<span class="hljs-tag"></<span class="hljs-name">button</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="11"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line">11 <span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"recv"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="12"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line">12 <span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text/javascript"</span>></span><span class="language-javascript"></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="13"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">13</span> <span class="hljs-keyword">var</span> websocket = <span class="hljs-keyword">new</span> <span class="hljs-title class_">WebSocket</span>(<span class="hljs-string">"ws://echo.websocket.org/"</span>);</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="14"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">14</span> websocket.<span class="hljs-property">onopen</span> = <span class="hljs-keyword">function</span>(<span class="hljs-params"></span>){</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="15"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">15</span> <span class="hljs-variable language_">console</span>.<span class="hljs-title function_">log</span>(<span class="hljs-string">"websocket open"</span>);</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="16"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">16</span> <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">"recv"</span>).<span class="hljs-property">innerHTML</span> = <span class="hljs-string">"Connected"</span>;</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="17"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">17</span> }</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="18"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">18</span> websocket.<span class="hljs-property">inclose</span> = <span class="hljs-keyword">function</span>(<span class="hljs-params"></span>){</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="19"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">19</span> <span class="hljs-variable language_">console</span>.<span class="hljs-title function_">log</span>(<span class="hljs-string">'websocket close'</span>);</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="20"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">20</span> }</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="21"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">21</span> websocket.<span class="hljs-property">onmessage</span> = <span class="hljs-keyword">function</span>(<span class="hljs-params">e</span>){</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="22"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">22</span> <span class="hljs-variable language_">console</span>.<span class="hljs-title function_">log</span>(e.<span class="hljs-property">data</span>);</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="23"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">23</span> <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">"recv"</span>).<span class="hljs-property">innerHTML</span> = e.<span class="hljs-property">data</span>;</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="24"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">24</span> }</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="25"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">25</span> <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">"sendBtn"</span>).<span class="hljs-property">onclick</span> = <span class="hljs-keyword">function</span>(<span class="hljs-params"></span>){</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="26"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">26</span> <span class="hljs-keyword">var</span> txt = <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">"sendTxt"</span>).<span class="hljs-property">value</span>;</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="27"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">27</span> websocket.<span class="hljs-title function_">send</span>(txt);</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="28"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">28</span> }</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="29"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">29</span> </div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="30"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-number">30</span> <span class="hljs-tag"></<span class="hljs-name">script</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="31"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line">31 <span class="hljs-tag"></<span class="hljs-name">body</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="32"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line">32 <span class="hljs-tag"></<span class="hljs-name">html</span>></span></div></div></li></ol></code><div class="hide-preCode-box"><span class="hide-preCode-bt" data-report-view="{"spm":"1001.2101.3001.7365"}"><img class="look-more-preCode contentImg-no-view" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newCodeMoreWhite.png" alt="" title=""></span></div><div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}" onclick="hljs.signin(event)"></div></pre> <p><strong>下面通过Chrom浏览器开发者工具查看相关信息：</strong></p> <p><strong>（1）点击Network，选中ws栏，注意选中Filter。</strong></p> <p><img alt="" class="has" src="https://i-blog.csdnimg.cn/blog_migrate/fcda7a42f6b3c28e3bd166133b78ec8b.png"></p> <p> </p> <p><strong>（2）刷新页面，可以看到一个ws连接。</strong></p> <p><img alt="" class="has" src="https://i-blog.csdnimg.cn/blog_migrate/9e4e94bf1d824140fd527b5ea9b34740.png"></p> <p> </p> <p><strong>（3）点击。</strong></p> <p><img alt="" class="has" src="https://i-blog.csdnimg.cn/blog_migrate/2fe96984ec990175e2054f5685b99f8e.png"></p> <p> </p> <p><strong>（4）也可以查看输入和发送的信息。</strong></p> <p><img alt="" class="has" src="https://i-blog.csdnimg.cn/blog_migrate/7a40d054fad832bd2700899a78a0bf9a.png"></p> <p> </p> <p> </p> </div><div data-report-view="{"mod":"1585297308_001","spm":"1001.2101.3001.6548","dest":"https://blog.csdn.net/weixin_44018338/article/details/103449134","extend1":"pc","ab":"new"}"><div></div></div> <div><div><span>声明：</span>本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：<a href="https://www.wpsshop.cn/w/代码探险家/article/detail/964297">https://www.wpsshop.cn/w/代码探险家/article/detail/964297</a></div></div></div><div class="article_recommend"><div class="list_top">推荐阅读</div><div class="ListItems"><ul class="NewsList"><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="comfyui使用api实现工作流生成图片_comfyui websocket" href="/w/秋刀鱼在做梦/article/detail/944797" target="_blank"><em>comfyui</em><em>使用</em><em>api</em>实现工作流生成图片<em>_</em><em>comfyui</em> <em>websocket</em>...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="comfyui使用api实现工作流生成图片_comfyui websocket" href="/w/秋刀鱼在做梦/article/detail/944797" target="_blank"><em>comfyui</em>中<em>使用</em><em>websocket</em>对工作流的执行<em>_</em><em>comfyui</em> <em>websocket</em><em>comfyui</em> websocke... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="无法读取 chrome-error://chromewebdata/ 的源映射: Unexpecte" href="/w/运维做开发/article/detail/946534" target="_blank">无法读取 <em>chrome</em>-<em>error</em>://<em>chrome</em>webdata/ 的源映射: Unexpecte...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="无法读取 chrome-error://chromewebdata/ 的源映射: Unexpecte" href="/w/运维做开发/article/detail/946534" target="_blank">无法读取 <em>chrome</em>-<em>error</em>://<em>chrome</em>webdata/ 的源映射: <em>Unexpected</em> 503 resp... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="Chrome 浏览器插件 Manifest.json V3 中权限（Permissions）字段解析" href="/w/木道寻08/article/detail/947617" target="_blank"><em>Chrome</em> 浏览器插件 <em>Manifest</em>.<em>json</em> V3 中权限（<em>Permissions</em>）字段解析...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="Chrome 浏览器插件 Manifest.json V3 中权限（Permissions）字段解析" href="/w/木道寻08/article/detail/947617" target="_blank"><em>Chrome</em> 浏览器插件 <em>Manifest</em>.<em>json</em> V3 中 <em>permissions</em> 字段解析，包含 host_per... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="Springboot+Websocket+Security+Vue 实现弹幕推送功能_springb" href="/w/小舞很执着/article/detail/948141" target="_blank"><em>Springboot</em>+Websocket+<em>Security</em>+<em>Vue</em> 实现弹幕推送功能_springb...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="Springboot+Websocket+Security+Vue 实现弹幕推送功能_springb" href="/w/小舞很执着/article/detail/948141" target="_blank">【代码】<em>Springboot</em>+Websocket+<em>Security</em>+<em>Vue</em> 实现弹幕推送功能。_<em>springboot</em> n... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="undetected_chromedriver解决网页被检测(转载)_undetected chro" href="/w/运维做开发/article/detail/949283" target="_blank"><em>undetected</em><em>_</em><em>chrome</em><em>driver</em>解决网页被<em>检测</em>(转载)<em>_</em><em>undetected</em> chro...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="undetected_chromedriver解决网页被检测(转载)_undetected chro" href="/w/运维做开发/article/detail/949283" target="_blank">主要原因是selenium打开的浏览器指纹和人工操作打开的浏览器指纹是不同的，比如最熟知的window.navigato... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="使用selenium和undetected_chromedriver报错urllib.error.H" href="/w/小桥流水78/article/detail/949294" target="_blank">使用<em>selenium</em>和<em>undetected</em>_<em>chrome</em>driver报错urllib.error.H...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="使用selenium和undetected_chromedriver报错urllib.error.H" href="/w/小桥流水78/article/detail/949294" target="_blank">在使用<em>selenium</em>和<em>undetected</em>_<em>chrome</em>driver时遇到<em>HTTP</em> <em>Error</em> 404，问题源于两者版... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="selenium启动报错:Microsoft Edge failed to start: exite" href="/w/码创造者/article/detail/950129" target="_blank"><em>selenium</em>启动报错:<em>Microsoft</em> <em>Edge</em> failed to start: exite...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="selenium启动报错:Microsoft Edge failed to start: exite" href="/w/码创造者/article/detail/950129" target="_blank"><em>selenium</em>启动报错，需要在任务管理器中杀掉edge进程_<em>selenium</em> <em>chrome</em> <em>not</em> <em>reachable</em>... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="【软件使用】【Chrome】【如何编译chrome插件源码】_谷歌插件源代码编译" href="/w/煮酒与君饮/article/detail/953786" target="_blank">【软件使用】【<em>Chrome</em>】【如何<em>编译</em><em>chrome</em><em>插件</em><em>源码</em>】_谷歌<em>插件</em><em>源代码</em><em>编译</em>...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="【软件使用】【Chrome】【如何编译chrome插件源码】_谷歌插件源代码编译" href="/w/煮酒与君饮/article/detail/953786" target="_blank">【软件使用】【<em>Chrome</em>】【如何<em>编译</em><em>chrome</em><em>插件</em><em>源码</em>】_谷歌<em>插件</em><em>源代码</em><em>编译</em>谷歌<em>插件</em><em>源代码</em><em>编译</em> ... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="chrome 源码分析_google 浏览器源码分析" href="/w/寸_铁/article/detail/953811" target="_blank"><em>chrome</em> 源码分析_<em>google</em> <em>浏览器</em>源码分析...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="chrome 源码分析_google 浏览器源码分析" href="/w/寸_铁/article/detail/953811" target="_blank"><em>chrome</em>源代码目录结构简介（版本4.1.249.1059）为了对庞大的源码项目进行分析，先对源码目录树作一个简单的介... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="从源代码看Chrome 版本号_查看 chrome 源码版本" href="/w/天景科技苑/article/detail/953831" target="_blank">从<em>源代码</em>看<em>Chrome</em> <em>版本</em>号_查看 <em>chrome</em> 源码 <em>版本</em>...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="从源代码看Chrome 版本号_查看 chrome 源码版本" href="/w/天景科技苑/article/detail/953831" target="_blank">本文讲述了作者在使用<em>Chrome</em>浏览器时对其<em>版本</em>号表达方式感到困惑，通过深入研究其<em>源代码</em>发现<em>版本</em>号由MAJOR、MINO... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="（java）websocket服务的两种实现方式_java websocket 服务端" href="/w/小桥流水78/article/detail/954706" target="_blank">（<em>java</em>）<em>websocket</em><em>服务</em><em>的</em>两种实现方式<em>_</em><em>java</em> <em>websocket</em> <em>服务</em>端...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="（java）websocket服务的两种实现方式_java websocket 服务端" href="/w/小桥流水78/article/detail/954706" target="_blank">用<em>java</em>注解来监听连接@ServerEndpoint、连接成功@OnOpen、连接失败@OnClose、收到消息等状态... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="谷歌Chrome浏览器将通过人工智能技术升级了3项重大功能改变，Chrome (M121) 版本可以" href="/w/人工智能uu/article/detail/957089" target="_blank">谷歌<em>Chrome</em>浏览器将通过<em>人工智能</em><em>技术升级</em>了3项重大<em>功能</em>改变，<em>Chrome</em> (<em>M121</em>) <em>版本</em>可以...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="谷歌Chrome浏览器将通过人工智能技术升级了3项重大功能改变，Chrome (M121) 版本可以" href="/w/人工智能uu/article/detail/957089" target="_blank">从今天开始发布的 <em>Chrome</em> (<em>M121</em>) <em>版本</em>起，<em>Chrome</em> 将引进一系列实验性的<em>生成</em>式 AI <em>功能</em>。这些<em>功能</em>包括... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="深入学习 WebSocket 的连接建立过程_new websocket" href="/w/IT小白/article/detail/962306" target="_blank">深入学习 <em>WebSocket</em> 的<em>连接</em><em>建立</em>过程_<em>new</em> <em>websocket</em>...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="深入学习 WebSocket 的连接建立过程_new websocket" href="/w/IT小白/article/detail/962306" target="_blank"><em>WebSocket</em>提供了一种强大的实时通信机制，通过简单的 API 就能实现<em>连接</em><em>建立</em>、消息传递等功能。在开发实时应用程序... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="golang websocket 发送指定用户_SSE(Server-Sent Events):替代" href="/w/知新_RL/article/detail/962591" target="_blank"><em>golang</em> <em>websocket</em> 发送指定用户_<em>SSE</em>(<em>Server</em>-<em>Sent</em> Events):替代...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="golang websocket 发送指定用户_SSE(Server-Sent Events):替代" href="/w/知新_RL/article/detail/962591" target="_blank">本文介绍了<em>SSE</em>（<em>Server</em>-<em>Sent</em> Events）作为WebSocket的轻量级替代方案，用于<em>服务器</em>向客户端推送数... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="鸿蒙开发网络管理：【@ohos.net.webSocket (WebSocket连接)】_鸿蒙 ws" href="/w/黑客灵魂/article/detail/963927" target="_blank"><em>鸿蒙</em>开发网络管理：【@<em>ohos</em>.net.<em>webSocket</em> (<em>WebSocket</em><em>连接</em>)】_<em>鸿蒙</em> ws...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="鸿蒙开发网络管理：【@ohos.net.webSocket (WebSocket连接)】_鸿蒙 ws" href="/w/黑客灵魂/article/detail/963927" target="_blank">本模块首批接口从API version 6开始支持。后续版本的新增接口，采用上角标单独标记接口的起始版本。使用WebSo... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="OpenHarmony开发记录-Websocket封装_openharmony websocket" href="/w/码创造者/article/detail/963941" target="_blank"><em>OpenHarmony</em>开发记录-<em>Websocket</em>封装_<em>openharmony</em> <em>websocket</em>...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="OpenHarmony开发记录-Websocket封装_openharmony websocket" href="/w/码创造者/article/detail/963941" target="_blank">本代码基于stage模型API10使用WebSocket建立服务器与客户端的双向连接，需要先通过createWebSoc... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="鸿蒙技术之WebSocket连接详解_鸿蒙java websocket" href="/w/天景科技苑/article/detail/963961" target="_blank">鸿蒙技术之<em>WebSocket</em><em>连接</em>详解_鸿蒙<em>java</em> <em>websocket</em>...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="鸿蒙技术之WebSocket连接详解_鸿蒙java websocket" href="/w/天景科技苑/article/detail/963961" target="_blank"><em>WebSocket</em>是一种在单个TCP<em>连接</em>上提供全双工通信信道的协议，它允许服务器主动向客户端推送数据，非常适合实时通信和... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="华为手表开发：WATCH 3 Pro（13）websocket 请求数据到服务器" href="/w/我家自动化/article/detail/963990" target="_blank">华为手表<em>开发</em>：<em>WATCH</em> <em>3</em> Pro（1<em>3</em>）<em>websocket</em> 请求数据到<em>服务器</em>...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="华为手表开发：WATCH 3 Pro（13）websocket 请求数据到服务器" href="/w/我家自动化/article/detail/963990" target="_blank">华为手表<em>开发</em>：<em>WATCH</em> <em>3</em> Pro（1<em>3</em>）<em>websocket</em> 请求数据到<em>服务器</em>，鸿蒙<em>开发</em> socket，这里核心代码... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="HarmonyOS开发实战系列：WebSocket客户端通讯示例规范_harmonyos webso" href="/w/在线问答5/article/detail/963995" target="_blank"><em>HarmonyOS</em><em>开发</em>实战系列：<em>WebSocket</em><em>客户端</em>通讯示例规范_<em>harmonyos</em> webso...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="HarmonyOS开发实战系列：WebSocket客户端通讯示例规范_harmonyos webso" href="/w/在线问答5/article/detail/963995" target="_blank">和HTTP不同的是，<em>WebSocket</em>通讯需要服务端和<em>客户端</em>先通过握手连接，连接成功后才能相互通信。_<em>harmonyos</em>... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li><li><div class="NewTitle"><a title="article" class="cat" href="/article/list/1" target="_blank">article<i></i></a><a title="2024年鸿蒙最新小程序WebSocket详解_微信小程序 websocket(3)，15个经典面试" href="/w/秋刀鱼在做梦/article/detail/964001" target="_blank">2024年鸿蒙最新<em>小</em><em>程序</em><em>WebSocket</em>详解_<em>微信</em><em>小</em><em>程序</em> web<em>socket</em>(3)，<em>15</em>个经典面试...</a></div><div class="NewsInfo"><div class="NewsDesc" style=""><a title="2024年鸿蒙最新小程序WebSocket详解_微信小程序 websocket(3)，15个经典面试" href="/w/秋刀鱼在做梦/article/detail/964001" target="_blank">实际上官方更加推荐的是推荐使用SocketTask。_<em>微信</em><em>小</em><em>程序</em><em>socket</em><em>微信</em><em>小</em><em>程序</em><em>socket</em> ... </a><div class="article_click rice1" style="width: 240px;float: left;"><p class="operation-b-img operation-b-img-active"><i class="img-up txclick" attc="upclick" attn="0"></i><span class="num"> 赞</span></p><p class="operation-b-img operation-b-img-active"><i class="img-down txclick" attc="downclick" attn="0"></i><span class="num">踩</span></p></div></div><div style="clear: both;"></div></div></li></ul><div class="list_tools_top">相关标签</div><div class="list_tools_box"><ul><li><a title="python" rel="nofollow" href="/s?w=python" target="_self">python</a></li><li><a title="开发语言" rel="nofollow" href="/s?w=开发语言" target="_self">开发语言</a></li><li><a title="chrome" rel="nofollow" href="/s?w=chrome" target="_self">chrome</a></li><li><a title="前端" rel="nofollow" href="/s?w=前端" target="_self">前端</a></li><li><a title="Chrome 插件" rel="nofollow" href="/s?w=Chrome 插件" target="_self">Chrome 插件</a></li><li><a title="permissions" rel="nofollow" href="/s?w=permissions" target="_self">permissions</a></li><li><a title="hostpermissions" rel="nofollow" href="/s?w=hostpermissions" target="_self">hostpermissions</a></li><li><a title="主机权限" rel="nofollow" href="/s?w=主机权限" target="_self">主机权限</a></li><li><a title="Manifest V3" rel="nofollow" href="/s?w=Manifest V3" target="_self">Manifest V3</a></li><li><a title="spring boot" rel="nofollow" href="/s?w=spring boot" target="_self">spring boot</a></li><li><a title="websocket" rel="nofollow" href="/s?w=websocket" target="_self">websocket</a></li><li><a title="vue.js" rel="nofollow" href="/s?w=vue.js" target="_self">vue.js</a></li><li><a title="selenium" rel="nofollow" href="/s?w=selenium" target="_self">selenium</a></li><li><a title="测试工具" rel="nofollow" href="/s?w=测试工具" target="_self">测试工具</a></li><li><a title="edge" rel="nofollow" href="/s?w=edge" target="_self">edge</a></li><li><a title="google" rel="nofollow" href="/s?w=google" target="_self">google</a></li><li><a title="浏览器" rel="nofollow" href="/s?w=浏览器" target="_self">浏览器</a></li><li><a title="webkit" rel="nofollow" href="/s?w=webkit" target="_self">webkit</a></li><li><a title="javascript" rel="nofollow" href="/s?w=javascript" target="_self">javascript</a></li><li><a title="服务框架" rel="nofollow" href="/s?w=服务框架" target="_self">服务框架</a></li><div style="clear: both;"></div></ul></div><div class="list_tools_top"></div></div></div></div><style type="text/css"></style><link rel="stylesheet" href="https://cdn.wpsshop.cn/public/blog/css/phone.css?v=17352890" type="text/css"><script type="text/javascript"></script></div></div></div></div></div></div><style type="text/css"> /* footer css */ .index006-cover-page-foot { background-color: #F7F7F7; } </style><link rel="stylesheet" href="https://cdn.wpsshop.cn/public/ads/css/ads.css?v=12890" type="text/css"><script type="text/javascript" src="https://cdn.wpsshop.cn/public/ads/js/ads.js?v=1890" ></script><div class="cppui-row-1_100 cppui-row-view-1 row_1_100 ui-draggable" style="display: block;"><div class="cppui-column-1_100-0-1 column-view-com cppui-column-1_100-0-view-1 ui-sortable"><div class="drag-item-show-view-1 footermsg_view_pic ui-draggable" style="display: block;"><div class="index006-cover-page-foot drag-item-hide-view-1"><p class="copyright">Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。 </p><div style="background-color:#F7F7F7; text-align:center; height:20px;padding-top:5px;"><a target="_blank" href="https://beian.mps.gov.cn/#/query/webSearch" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="https://cdnimages.wpsshop.cn/57public/skin/index/default/ui/images/beian_ghs.png" style="float:left;"> <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">闽ICP备14008679号</p></a> <a href="https://www.wpsshop.cn/xml/w/%E4%BB%A3%E7%A0%81%E6%8E%A2%E9%99%A9%E5%AE%B6/article/detail/964297.xml" target="_blank" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="https://cdn.wpsshop.cn/public/blog/images/site.png" style="float:left;"></a> <a href="/xml/w/g007/article/detail/new.xml" target="_blank" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="https://cdn.wpsshop.cn/public/blog/images/site.png" style="float:left;"></a> <a href="/site.xml" target="_blank" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="https://cdn.wpsshop.cn/public/blog/images/site.png" style="float:left;"></a></div></div></div></div></div><script type="text/javascript">var domain = document.domain;var hr=encodeURIComponent(window.location.href+'=='+document.referrer); document.write('<script src="https://ad.wpsshop.cn/admin.appflux?s=ad_flu_ind&fluxuserauto=yes&hr='+hr+'&p57weburl='+domain+'&p57usercode1='+domain+'&u=Vy1RJQhqAXUEMQNnAm0HaVVu&i='+p57ref("id")+'&r='+escape(document.referrer)+'" language="JavaScript"><\/script>');function p57ref(id){var reg=new RegExp("(^|&)"+id+"=([^&]*)(&|$)");var ref=window.location.search.substr(1).match(reg);if(ref!=null)return unescape(ref[2]);return null;} </script></body></html>