[{"data":1,"prerenderedAt":4},["ShallowReactive",2],{"$fkixej1magmjk":3},"\u003Ch1 id=\"转载-js检查网络是ipv4还是ipv6\" tabindex=\"-1\">\u003Ca class=\"header-anchor\" href=\"#转载-js检查网络是ipv4还是ipv6\">\u003Cspan>\u003Cspan style=\"background-color: #b95442;color: white;font-size: 0.43em;border-radius: 5px;padding: 2px 5px;\">转载\u003C\u002Fspan> JS:检查网络是IPv4还是IPv6\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fh1>\n\u003Cblockquote>\n\u003Cp>仅供个人测试学习之用，本站不对稳定性负责。\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>通过一段 js 代码可以显示用户请求网络是 IPv4 访问优先，还是 IPv6 访问优先。\u003C\u002Fp>\n\u003Ch2 id=\"效果\" tabindex=\"-1\">\u003Ca class=\"header-anchor\" href=\"#效果\">\u003Cspan>效果\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fh2>\n\u003Cblockquote>\n\u003Cp>如果你没有 IPv6 的网络环境，可以先用手机流量访问该页面。\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Ch2 id=\"代码\" tabindex=\"-1\">\u003Ca class=\"header-anchor\" href=\"#代码\">\u003Cspan>代码\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fh2>\n\u003Cpre class=\"shiki vitesse-dark\" style=\"background-color:#121212;color:#dbd7caee\" tabindex=\"0\">\u003Ccode class=\"language-html\">\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\"><\u003C\u002Fspan>\u003Cspan style=\"color:#4D9375\">template\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#4D9375\">div\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\">         <\u003C\u002Fspan>\u003Cspan style=\"color:#4D9375\">a\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\"> href\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">=\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\">'\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D\">https:\u002F\u002Fnipw.cn\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\">'\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\"> target\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">=\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\">'\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D\">_blank\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\">'\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">>\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">   <\u003C\u002Fspan>\u003Cspan style=\"color:#4D9375\">b\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">>\u003C\u002Fspan>\u003Cspan style=\"color:#DBD7CAEE\">访客IP:\u003C\u002Fspan>\u003Cspan style=\"color:#666666\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#4D9375\">b\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">>\u003C\u002Fspan>\u003Cspan style=\"color:#DBD7CAEE\"> {{IP}}，您的网络 {{IPVersion}} 访问优先\u003C\u002Fspan>\u003Cspan style=\"color:#666666\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#4D9375\">a\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#4D9375\">div\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#4D9375\">template\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\"> <\u003C\u002Fspan>\u003Cspan style=\"color:#4D9375\">script\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#4D9375\">  import\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\"> Axios\u003C\u002Fspan>\u003Cspan style=\"color:#4D9375\"> from\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\"> \"\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D\">axios\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#4D9375\">    export\u003C\u002Fspan>\u003Cspan style=\"color:#4D9375\"> default\u003C\u002Fspan>\u003Cspan style=\"color:#666666\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B8A965\">        name\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">:\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\"> \"\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D\">Home\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#80A665\">        data\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">(){\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#4D9375\">          return\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">{\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B8A965\">            IP\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">:\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\"> \"\"\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B8A965\">            IPVersion\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">:\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\"> \"\"\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\">          }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\">      },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B8A965\">       headers\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\">       {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#C98A7D77\">        '\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D\">X-Requested-With\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\">'\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">:\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\"> '\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D\">XMLHttpRequest\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\">'\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#C98A7D77\">        '\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D\">Access-Control-Allow-Origin\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\">'\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">:\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\"> \"\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D\">*\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\">\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\">       },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#B8A965\">      methods\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">:{\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#80A665\">          getData\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">(){\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#CB7676\">            var\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\"> that\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">=\u003C\u002Fspan>\u003Cspan style=\"color:#C99076\">this\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#758575DD\">            \u002F\u002F 双栈接口：按本次请求实际走的协议，返回纯文本的 IPv4 或 IPv6 地址\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#CB7676\">            var\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\"> api\u003C\u002Fspan>\u003Cspan style=\"color:#666666\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\"> \"\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D\">https:\u002F\u002Ftest.wsmdn.top\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#BD976A\">            Axios\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">.\u003C\u002Fspan>\u003Cspan style=\"color:#80A665\">get\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">(\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\">api\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\">              .\u003C\u002Fspan>\u003Cspan style=\"color:#80A665\">then\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">(\u003C\u002Fspan>\u003Cspan style=\"color:#CB7676\">function\u003C\u002Fspan>\u003Cspan style=\"color:#666666\"> (\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\">res\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">)\u003C\u002Fspan>\u003Cspan style=\"color:#666666\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#758575DD\">                \u002F\u002F handle success\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#BD976A\">                console\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">.\u003C\u002Fspan>\u003Cspan style=\"color:#80A665\">log\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">(\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\">res\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">.\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\">data\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#CB7676\">                var\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\"> ip\u003C\u002Fspan>\u003Cspan style=\"color:#666666\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#80A665\"> String\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">(\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\">res\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">.\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\">data\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">).\u003C\u002Fspan>\u003Cspan style=\"color:#80A665\">trim\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">();\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#BD976A\">                console\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">.\u003C\u002Fspan>\u003Cspan style=\"color:#80A665\">log\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">(\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\">ip\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#BD976A\">                that\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">.\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\">IP\u003C\u002Fspan>\u003Cspan style=\"color:#666666\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\"> ip\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#758575DD\">                \u002F\u002F 返回的地址含冒号即 IPv6，否则为 IPv4\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#BD976A\">                that\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">.\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\">IPVersion\u003C\u002Fspan>\u003Cspan style=\"color:#666666\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\"> ip\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">.\u003C\u002Fspan>\u003Cspan style=\"color:#80A665\">indexOf\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">(\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\">'\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D\">:\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\">'\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">)\u003C\u002Fspan>\u003Cspan style=\"color:#666666\"> >\u003C\u002Fspan>\u003Cspan style=\"color:#CB7676\"> -\u003C\u002Fspan>\u003Cspan style=\"color:#4C9A91\">1\u003C\u002Fspan>\u003Cspan style=\"color:#CB7676\"> ?\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\"> \"\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D\">IPv6\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\">\"\u003C\u002Fspan>\u003Cspan style=\"color:#CB7676\"> :\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\"> \"\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D\">IPv4\u003C\u002Fspan>\u003Cspan style=\"color:#C98A7D77\">\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#BD976A\">                console\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">.\u003C\u002Fspan>\u003Cspan style=\"color:#80A665\">log\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">(\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\">that\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">.\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\">IPVersion\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\">              })\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\">              .\u003C\u002Fspan>\u003Cspan style=\"color:#80A665\">catch\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">(\u003C\u002Fspan>\u003Cspan style=\"color:#CB7676\">function\u003C\u002Fspan>\u003Cspan style=\"color:#666666\"> (\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\">error\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">)\u003C\u002Fspan>\u003Cspan style=\"color:#666666\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#758575DD\">                \u002F\u002F handle error\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#BD976A\">                console\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">.\u003C\u002Fspan>\u003Cspan style=\"color:#80A665\">log\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">(\u003C\u002Fspan>\u003Cspan style=\"color:#BD976A\">error\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\">              })\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\">              .\u003C\u002Fspan>\u003Cspan style=\"color:#80A665\">then\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">(\u003C\u002Fspan>\u003Cspan style=\"color:#CB7676\">function\u003C\u002Fspan>\u003Cspan style=\"color:#666666\"> ()\u003C\u002Fspan>\u003Cspan style=\"color:#666666\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#758575DD\">                \u002F\u002F always executed\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\">              });\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\">          },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\">      },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#80A665\">      mounted\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">(){\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#C99076\">       this\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">.\u003C\u002Fspan>\u003Cspan style=\"color:#80A665\">getData\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">();\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\">      },\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\">    }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#666666\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#4D9375\">script\u003C\u002Fspan>\u003Cspan style=\"color:#666666\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n",1790424748261]