Cross-tab communication on the same origin.

tabMessenger.example.js

tabMessenger.on('minimize', function(data) {
  // data.id
});

tabMessenger.send('minimize', {
  id: 123
});

tabMessenger.source.js

window.tabMessenger = {
  send: function(messageKey, messageData) {
    // Set the value in localStorage to generate a storage event that the other windows/tabs can respond to
    localStorage.setItem('tab-messenger-message', JSON.stringify({
      key: messageKey,
      data: messageData
    }));
    // Immediately delete the localStorage object, since we don't need it to stick around
    localStorage.removeItem('tab-messenger-message');
  },
  on: function(messageKey, callback) {
    window.addEventListener('storage', function(e) {
      var tabMessage;
      // Only respond to first storage event when the value gets initially set ("oldValue" will be null)
      // Ignore the 2nd event when it's deleted, when "oldValue" will still be populated
      if (e.key !== 'tab-messenger-message' || e.oldValue) {
        return;
      }
      tabMessage = JSON.parse(e.newValue);
      if (tabMessage.key === messageKey) {
        callback(tabMessage.data);
      }
    }, false);
  }
};