Lifeline Chrome extension


Lifeline Chrome Extension that saves all the webpages when you are browsing .So the next time you are offline you can visit the page.

This was my extension for TechFest 2012.

Introduction: Lifeline is a chrome extension to read your favourite web pages as they are even when there is no Internet connectivity.
Necessity: More than 2 billion people are active users of internet. India ranks a extremely poor 114rd in the world. India’s average broadband connection is 0.9 mbps (about 900 kbps) as compared to 13.7 mbps in South Korea.A Times Of India Article dated May 2,2012 : In its report Akamai also listed 100 cities with fastest internet connections in the world. None of the Indian cities are on the list.

(Ctrl+H) for history.Search within the history for the page you want to visit.

Google Chrome already has a save page option . But you cant manually save all the pages you visit .It has got to happen in the background .

How Easy.

If you are worrying about the memory consumption then a simple Comparision : There’s a chrome extension which stores the whole wikipedia offline in just 1Gb.

Technical Stuff :

The elements that make up a webpage are html , css , images .css is used for styling while html is used for markup.


To store images, the new HTML5 technology of canvas was used to first create a paint the image in the canvas and get its base64 encode and then toring it.

To store Stylesheets, Ajax (Asynchronous JavaScript and XML) with the help of jQuery was used. Css was necessary for better typography and similiarity of the page.

The whole html page was then converted into a single string ( along with the css and images base64 string) and stored locally.


While offline that corresponding string of html was obtained using the key stored and shown on the page.

No javascript is saved.Only the important text ,styles and images.Also , the saved page looks approximately the same as the online.

GitHub Repo :

LifeLine Chrome Extension
0 forks.
0 open issues.
Recent commits:

SpeakerDeck Presentation :
[speakerdeck url=""]

Leave a Reply

Your email address will not be published. Required fields are marked *