在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);
答案 0 :(得分:4)
我刚遇到同样的问题,显然Firefox Quantum默认启用多处理功能,但它还不支持SharedWorkers。
要检查您的地址栏中是否有多处理启用类型关于:debugging#workers ,如果它处于活动状态,您应该会在页面顶部看到有关SharedWorkers的黄色警告。
您可以按照该警告的链接禁用此功能。