Skip to content

Using local storage as a communication channel

License

Notifications You must be signed in to change notification settings

soredtrose/lsbridge

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

The Local Storage Bridge

1K library for exchanging messages between tabs in a same browser. It uses the local storage as a communication channel.

The story behind the library is available here.

Usage

Add lsbridge.min.js to your page:

<script src="js/lsbridge.min.js"></script>

There is a global object lsbridge available.

Send messages:

lsbridge.send('my-namespace', { message: 'Hello world!' });

Listen for messages:

lsbridge.subscribe('my-namespace', function(data) {
  console.log(data); // prints: { message: 'Hello world!'}
});

Find out if localStorage is available:

console.log(lsbridge.isLSAvailable); // prints "true" or "false"

Cancel listeners for specific namespace:

lsbridge.unsubscribe('my-namespace');

Compilation

  • Run npm install to get UglifyJS installed.
  • Run npm run-script compile to produce build/jsbridge.min.js

Example

Try it yourself by opening example/index.html in a browser.

lsbridge

About

Using local storage as a communication channel

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 68.8%
  • HTML 31.2%