Log in and Synchronization Across Browser Tabs and Windows [Web Only]Estimated reading time: 2 minutes
Similar to multi-device login and syncronization described in the previous section, you can also enable your users to log in from multiple browser windows and tabs. All the messages and calls will be synchronized between all browser windows and tabs. This feature is quite useful when you want your users to continue chatting even when they open another page of your website in a new tab, for example, Facebook pop-out chat.
You can use this feature independently or along with multi-device login and syncronization to make your app universally available from multiple devices and even from multiple browser windows. Since all windows and tabs are part of a browser, you don’t require to generate extra tokens like multi-device login, you can enable this feature in just one line of code.
Note that this is a beta feature
Your user can log in from as many tabs or windows as required without any limitations, mesibo will sync all their data including messages, calls, profiles, pictures, files, etc across browser tabs and windows without any extra coding except one line of code to enable it.
For example, when your user will receive a message or a call, she will receive it on all the tabs. Similarly, when the user sends a message, it will be synced to all the tabs and windows.
Enabling Login and Synchronization Across Browser Tabs and Windows
To enable login and synchronization across browser tabs and windows, you need to use the following one-line code before you call
mesibo.start(). This function has no effect if called after
mesibo.start() and hence you MUST call it before starting mesibo.
Browser Utility Functions
mesibo also provides some utility functions to facilitate syncing your app data between tabs as explained below.
Share custom objects across Tabs and Windows
You can create and share your app-specific data object across browser tabs and windows. The object should be data-only and must not have any functions.
Once set, all browser windows and tabs can access this object by
Your app can also implement a listener
MesiboJS_onUserObject(name, obj) which will be called as soon as any browser window or tab sets an object using
Getting Browser Tab or Window ID
mesibo assigns an ID to each Browser Tab and Window. You can get the ID to uniquely identify your app session.multi-device, login, browser channel