Question

连接到不存在的Web套接字服务器会导致大量错误记录到控制台，通常是... net::ERR_CONNECTION_REFUSED。

任何人都有想法让hackaround沉默这个输出？ XMLHttpRequest无法正常工作，因为如果服务器无法访问，它会产生相同的详细错误输出。

此处的目标是测试服务器是否可用，是否可以连接到服务器，否则使用回退，并且不会通过错误输出向控制台发送垃圾邮件。

Answer 1

Chrome本身正在发出这些消息，并且无法阻止它们。这是如何构建铬的功能;每当ResourceFetcher对象尝试获取资源时，其响应都会传回其上下文，如果出现错误，浏览器会将其打印到控制台 - see here。

可以找到类似的问题here。

如果您愿意，可以使用chrome console filter作为this question discusses来阻止控制台中的这些错误，但无法以编程方式阻止这些错误。

Answer 2

我不知道您为什么要阻止此错误输出。我想你只是想在调试时摆脱它们。所以我在这里提供的工作可能对调试很有用。

现场演示：http://blackmiaool.com/soa/43012334/boot.html

如何使用它？

打开演示页面，点击＆＃34; boot＆＃34;按钮，它将打开一个新选项卡。点击＆＃34;测试＆＃34;按钮在新选项卡中，然后检查下面的结果。如果您想获得积极的结果，请将网址更改为wss://echo.websocket.org。

为什么？

通过使用post message，我们可以使浏览器标签相互通信。因此，我们可以将这些错误输出移至我们不关心的标签页。

P.S。您可以自由刷新目标网页，而不会失去它与启动页面之间的连接。

P.P.S您也可以使用storage event来实现这一目标。

<强> boot.html：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>boot page</title>

</head>

<body>
    <button onclick="boot()">boot</button>
    <p>BTW, you can boot the page without the button if you are willing to allow the "pop-up"</p>
    <script>
        var targetWindow;

        function init() {
            targetWindow
        }

        function boot() {
            targetWindow = window.open("target.html");
        }
        boot();
        window.addEventListener('message', function(e) {
            var msg = e.data;
            var {
                action,
                url,
                origin,
            } = msg;

            if (action === "testUrl") {
                let ws = new WebSocket(url);
                ws.addEventListener("error", function() {
                    targetWindow.postMessage({
                        action: "urlResult",
                        url,
                        data: false,
                    }, origin);
                    ws.close();
                });
                ws.addEventListener("open", function() {
                    targetWindow.postMessage({
                        action: "urlResult",
                        url,
                        data: true,
                    }, origin);
                    ws.close();
                });
            }


        });

    </script>
</body>

</html>

<强> target.html上

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>target page</title>
</head>

<body>
    <h4>input the url you want to test:</h4>
    <textarea type="text" id="input" style="width:300px;height:100px;">
        </textarea>
    <br>
    <div>try <span style="color:red">wss://echo.websocket.org</span> for success result(may be slow)</div>
    <button onclick="test()">test</button>
    <div id="output"></div>
    <script>
        var origin = location.origin;
        var testUrl = origin.replace(/^https?/, "ws") + "/abcdef"; //not available of course
        document.querySelector("#input").value = testUrl;

        function output(val) {

            document.querySelector("#output").textContent = val;
        }

        function test() {
            if (window.opener) {
                window.opener.postMessage({
                    action: "testUrl",
                    url: document.querySelector("#input").value,
                    origin,
                }, origin);
            } else {
                alert("opener is not available");
            }

        }
        window.addEventListener('message', function(e) {
            var msg = e.data;
            if (msg.action === "urlResult") {
                output(`test ${msg.url} result: ${msg.data}`);
            }
        });

    </script>
</body>

</html>

沉默网:: ERR_CONNECTION_REFUSED

2 个答案:

如何使用它？

为什么？