browser - Make chrome webpages available offline

24
2014-04
  • opsb

    I'm travelling today and want to do some work on the plane/train etc. I won't have access to the internet but there's a few web pages I'd like to have available for reference.

    Is there anyway to make pages available offline in chrome? I realise I can pin a page, but this leaves the door open for accidentally closing the tab or hitting refresh etc.

    Ideally I'd like an extension which did something like: right click on tab, select "Make available offline" and then if I'm not connected to the internet and go to that page then it's loaded from cache.

    Any ideas?

  • Answers
  • Dugzor

    Some Chrome extensions I know of:

    Scrapbook

    Scrapbook merges all the fragmented features in various scrapbook implementations into one.

    Some extensions don't annotate but save offline, some save but need you to register on another social network. Some save images(which I actually prefer). But cant be indexed and searched. My Scrapbook is an attempt to do all that. In short it aspires to be like my favourite Firefox counter part.

    Chromium Scrapbook

    Save web pages for offline use.

    This extension allows to save web pages for later use without internet connection. It tries to save complete markup and graphics, so saved page looks the same as online one. The stored pages can be organized using tags. Text descriptions can be added to saved pages.

    Pocket (formerly Read It Later)

    Pocket Extension for Google Chrome – The best way to save articles, videos and more

    When you find something on the web that you want to view later, put it in Pocket. It automatically syncs to your phone, tablet or computer so you can view it at any time, even without an internet connection.

    Extension Features:
    * One-click saving of any page with the toolbar button or keyboard shortcut
    * Integrated buttons on Twitter.com and Google Reader for one-click saving
    * Right-click menu item to save any link, no need to load the page first
    * Quickly add tags
    * Syncs across all devices – iPhone, iPad, Android and more
    * Completely free

    Read Later Fast

    Save pages to read later -- online or offline, and fast! Avoid too many tabs and make your browsing a blast!

    We are committed to being transparent with and respectful of our users, and would really appreciate if users who are concerned about adware or malware to take the above into consideration.

    【More about this extension】

    • Have too many tabs open?
    • Do not want to clutter your bookmark folders with temporary links?
    • Want to be able to read offline or make sure you have an archived version?
    • Want to read webpages fast, like a slideshow, and as clean-text?

    If you have these pains or needs, then this app is for you! This app can be used alone as a local app, or synced to cloud with diigo.com.

    【How to use】
    - Use "Read Later" in the right-click menu to save page or link to the RLF app
    - Find RLF in the new tab of the browser, open it and read! (for Rockmelt users, click on "Chrome Apps" on the new tab page)

    Similar extensions, but for Firefox.

  • SaintWacko

    There are two ways to do this in Chrome. First, you can right click in a blank space on the page and select "Save As". Second, you can click the wrench icon in the top right and select "Save Page As". Both of these will allow you to choose the name and location to save the page as a .htm file. In the dropdown below the filename, you can choose either "Webpage, Complete" or "Webpage, HTML only". HTML Only will save an htm file of the page, but the resource links will remain pointing to the website. Complete will save the html page as well as all page resources, and change the links in the html to point to the resources folder.

    You might also take a look at HTTrack, if you are interested in making entire websites available offline.

    Hm, this Read Later First plugin might be what you're looking for. It adds an entry to the context menu: "Read Later". I'm not sure if it lets you just type in the address to view it, but it sounds like it would be easier than saving the html on your computer. It also appears to have an online sync feature, so you could save a page on one device, and read it later on another.

  • Vinay

    You can save it as MHTML file by using "SAVE AS MHTML" extension available in chrome web store which will capture the entire site to a compressed file.

    Supported by Firefox, Internet Explorer and Chrome.

  • Dave Rook

    You can do this in Chrome, but these instructions are for saving in IE but viewing in Chrome (simply because I don't have Chrome in front of me). However, it does exactly what you need.

    I would suggest you save the complete page (in the drop down box - see picture below). This means you have a local copy and can open it in Chrome. I don't have Chrome here so I can't test it in Chrome, but the screen shot I show is done in IE.

    Please note, complete includes images, css files, javascript files etc.

    This also bypasses the issue of if you close the tab or not as it's physically on your machine.

    enter image description here


  • Related Question

    firefox - Web browsers -is there a way to disable reload on a per site basis?
  • bpapa

    Driving me nuts - I love using rich and feature-full webapps, but I hate what happens when I accidentally reload the page. And since I'm all about the keyboard shortcuts, it is just too easy for me to slip and accidentally hit command + R. And bam, my tinychat window puts me back to where I started. I have to log in again, select my cam, my mic, etc. Super annoying.

    Obviously due to the restrictions of Flash and the web in general this a tough problem for tinychat to solve - but can the browser help? What I'm envisioning is maybe a list of sites that I never want to refresh - I'd put in the URLs for all of my webapps that take several steps to restore state. Then, next time I accidentally reload, it's ignored. In case I did want to reload a page in a specific instance, there would be a manual override. Anything out there like this?

    I use Safari and while I'm not eager to switch to Firefox, it'd be worth noting here if there are extensions that solve this problem.


  • Related Answers
  • pmaiorana

    You could create a "site specific browser" (SSB), using Fluid.app, that is dedicated to tinychat.

    More on Fluid.app here: http://fluidapp.com. Fluid even uses Webkit for rendering, so pages should look exactly the same as Safari.

    Once you've created the SSB you can hide the browser toolbar, so you don't see the Refresh icon.

    Additionally, because it's a separate application from Safari, you should be able to override the Command-R refresh shortcut in your Mac's System Prefs while keeping it in place in Safari for every other website.

    To do that, go to System Prefs > Keyboard > Keyboard Shortcuts > Application Shortcuts. Just create a new shortcut for Command-R that does something innocuous, like, maybe "Window > Bring All To Front".

  • OverloadUT

    This should be possible using javascript. You can have a webpage prompt you when changing page (including refreshing, or closing the tab,) usually to warn you that you might lose data if you continue.

    It even does it here! Try typing something as an answer and then click refresh.

    Using Greasemonkey, one could very easily make a configured list of websites use this prompt all the time.

    To directly answer your question though: No browsers support the feature you are asking for directly. HOWEVER, there is a Firefox extension that I strongly recommend that will do exactly what you want:

    https://addons.mozilla.org/en-US/firefox/addon/1122

    Using TabMixPlus, you can right click on any tab and "lock" it. That will prevent it from being reloaded or the page changing at all. If you click a link in a locked tab, it will be forced to open in a new tab.