SEARCH

How-To Geek

How to Use and Customize Google Chrome Web Apps

image

Google announced their new Chrome Web Store today, with loads of web sites and games that can be installed as applications in your browser, synced across every PC, and customized to launch the way you want them to. Here’s how it all works.

Note: this guide really isn’t aimed at expert geeks, though you’re more than welcome to leave your thoughts in the comments.

What Are Chrome Web Apps Again?

The new Chrome Web Apps are really nothing more than regular web sites, optimized for Chrome and then wrapped up with a pretty icon and installed in your browser. Some of these sites, especially web-based games, can also be purchased through the Chrome Web Store for a small fee, though the majority of services are free.

Once you’ve installed or purchased one of the web applications, Chrome will keep the applications synced across every computer using the Chrome browser, so it’s like having your entire OS stored on the web. It’s an interesting concept, so keep reading to find out more about how it works.

Using Google Chrome Web Apps

Once you’ve headed over to the Chrome Web Store and found an application you want to install, like this  NY Times application, you can simply click the Install button—if this was a non-free game, you’d be prompted to purchase using a couple of clicks through the Google Checkout process.

sshot-2010-12-08-1-01-25-50

Just a few seconds later, you’ll be staring at a shiny new icon on your New Tab page, which is where all of these applications live. You can get back to your application list at any point by opening a new tab, and making sure that the Apps section is expanded.

sshot-2010-12-08-1-01-28-33

Once you launch one of the Apps, you’ll immediately notice a difference—this New York Times reader is optimized and obviously designed to work well in Chrome, with loads of customization ability, and a rich experience for navigating the news. Not all web applications are this level of quality quite yet, but here’s hoping.

image

If you’re paying attention, you’ll notice that the Chrome version of NY Times is nothing more than a URL—which means you could easily browse to www.nytimes.com/chrome/ in any browser that supports HTML5 and get a similar experience. This is the case for most of the apps in the Chrome Web Store, since they are just based on regular web technology like HTML5 and Flash.

Customizing Chrome Web Apps

You can take your apps to the next level by customizing how they open—there’s pinned tabs, separate windows, and even a full-screen mode. Let’s take a look at the first one, Pinned Tabs. Just go to any of the apps that you’ve installed, right-click it, and choose “Open as pinned tab” from the menu. Once you click to launch the app, it will launch in a pinned tab that re-opens with the browser once you’ve closed it.

sshot-2010-12-08-1-01-12-48

Some applications work better in full screen, like the Write Space application—you can right-click on it and choose “Open full screen”…

image

…and once you click on the icon, you’ll be immediately launched into a full screen view. It’s somewhat hard to see the text here, but it’s a distraction-free text editor that stores your data offline. Note: Use the F11 key to get yourself out of full screen mode on Windows, or Cmd+Shift+F on OS X.

image

If you right-click on many applications, you can choose Options to customize how that application works—some applications have Chrome-style options pages, others just take you to the regular settings page for the web site.

image

If you use the “Open as window” option…

image

When you use that application from now on, it will open in a dedicated window without any location bar or anything else cluttering up the screen. It’s cold outside!

image

The only really frustrating problem… you can’t drag and rearrange the applications.

image

Creating Application Shortcuts

If you want to put a shortcut on the desktop for the application, you can just right-click and choose “Create shortcut”.

image

This will bring up the regular Create Application Shortcuts window that you might be familiar with, but it will be tuned to that application.

image

The nice thing about doing it this way is that the quality of the icons on your desktop will usually be better.

Sync Google Chrome Web Apps Across Computers

To make sure that your web applications are available on every PC you use, head into Tools –> Options –> Personal Stuff, and then make sure Sync is enabled. If you’ve already got it enabled, make sure to click on Customize…

image

Make sure that “Apps” is selected to be synced on this screen. You’ll want to also make sure that any other PCs have the same setting—this setting dialog doesn’t sync across PCs.

image


That’s all there is to it. Next time we’ll explain how to make your own custom web apps.

Lowell Heddings, better known online as the How-To Geek, spends all his free time bringing you fresh geekery on a daily basis. You can follow him on if you'd like.

  • Published 12/8/10

Comments (18)

  1. David Levine

    Before reading this and some other articles, I didn’t really understand what the Chrome web apps were all about. After playing with the NY Times one, I understand. I haven’t messed around with other web apps, but I look forward to it.

  2. Stefan

    The advantage of webapps isn’t the larger bookmark symbol. All webapps actually are big bookmarks.
    The advantage is, that …
    – in the webstore you can discuss about an app
    – you can easily find new apps
    – you can see how many are using an app and what they’re thinking about it
    – you can find more sites that behaves like a real “application”
    – developers can get feedback from their users
    – develepers can easily earn money with their work

    The big collection of apps in chrome isn’t the main funktion of the webstore, it’s just a nice extension.

  3. jason

    Is there a way to create a shortcut to a web app in the Bookmarks Bar of Chrome? I use the New Tab Redirect extension, which opens my home page instead of the New Tab page.

  4. relaxed4u

    thnX for this ! :))

  5. pero

    @jason yeah you can drag and drop “app” icon on bookmark bar ;-)

  6. MikeDSr

    Thanks for this. Wasn’t sure how to invoke web apps that I installed. However, I use the “speed dial” extension which opens whenever I open a new “tab” – so apps I’ve installed do not show there..

    Do I have to disable “speed dial” to be able to see the app icons in a new tab ?

    Thanks..

  7. Marc

    Anyone have any idea why I don’t get the “open as window” or “create shortcut” options? I tried the stable and beta versions of chrome on multiple machines.

  8. Josh

    How do I uninstall these apps? Thanks

  9. Frenchesco

    @Josh Just open a new tab (Plus symbol or CTRL+T). Right click on the app icon > Uninstall.

  10. Lee

    I also don’t get the “open as window” and “create shortcut” options. Someone please help!

  11. Dr.Palaniraja

    unfortunately you can’t uncheck the fullscreen option as far as I know.

    I am trying hard to uncheck the fullscreen option of Write Space app. In option you see import but there is no export, but the caption says Import/Export.

  12. Ron Smith

    Per the question regarding Speed Dial…yes, you must diable this extension in order to see and use the web app tab. I fought with this last night and after numerous attempts to search google for this issue I finally realized that speed dial was an extension, not a preference, so I just diabled and viola…there they were. Need better documentation about this.

  13. MikeDSr

    @ Ron Smith:

    Thanks Ron.. Unfortunately that seems to be the “trick” but since I use Speed Dial more than I would use the “new tab for apps”, it looks like I’m outta luck..

    Google Suggestion: Incorporate “web apps” into Speed Dial !!!

  14. fodder56

    @marc & @lee

    switch over to dev channel, all of the context menu’s shown are there

  15. tw0faz3

    so we do have to disable speed dial ATM to get the apps to work….
    bummer..
    hopefully this is added as an option to display the web apps on within the speed dial page…
    guess I’ll contact the developer behind the extension…
    hopefully and update comes out soon…..

  16. tw0faz3

    here is a quick launcher extension for web apps that can be used until the speed dial extension can be updated….

    https://chrome.google.com/extensions/detail/fladocijdganbikpfjhgnodllkgcmmgm

  17. K

    tw0faz3, beautiful alternative! thank you so much. this saved hours of hassle for me. The only slightly negative thing seems to be you don’t have the right click options (full screen, pinning, new window, etc.) like you would have on the actual chrome tab page. But this is still a really excellent compromise.

  18. DesertBox Studios

    Hiya, just want to say, if using custom ‘new tab’ pages (Speed Dial, etc), I’d recommend the following extension for accessing apps:

    AppJump
    https://chrome.google.com/extensions/detail/hccbinpobnjcpckmcfngmdpnbnjpmcbd

    (Hope this helps)

Enter Your Email Here to Get Access for Free:

Go check your email!