3

在 Chrome 和 Firefox <57 中它可以工作，但在 Firefox Quantum 中不起作用。

目标是将消息发送到浏览器中的另一个选项卡。

当填写文本输入并单击发送按钮时，浏览器中的另一个选项卡应在浏览器控制台中写入消息。

.html 文件：

<script type="text/javascript">
    const myWorker = new SharedWorker( "sharedWorkerChat.js" );
    const port = myWorker.port;

    port.addEventListener( "message", function( e ) {
        console.log( e.data );
    }, false );

    port.start();

    function postMessage() {
        const value = document.getElementById( "input" ).value;
        console.log( value );
        port.postMessage( value );
    }
</script>


<input type="text" id="input" />

<button onclick="postMessage()"> Send </button>

sharedWorkerChat.js

var m;

var instances = [];
self.addEventListener( "connect", function ( e ) {
    var port = e.ports[ 0 ];
    instancias.push( port );

    port.addEventListener( "message", function ( message ) {
        m = message.data;
        instances.forEach( function( p ) {
            p.postMessage( m );
        });
    }, false );

    port.start();
}, false);
4

1 回答 1

4

我刚刚遇到了同样的问题，显然 Firefox Quantum 默认启用了多处理功能，但它还不支持 SharedWorkers。

要检查您是否在地址栏中启用了多处理启用类型about:debugging#workers，如果它处于活动状态，您应该会在页面顶部看到关于 SharedWorkers 的黄色警告。

您可以通过点击该警告上的链接来禁用此功能。

于 2017-11-23T16:10:24.560 回答