I recently purchased a MacBook Pro. It's not my first Mac as I have a Mac Pro that stands as the "family" computer. Although it houses all of our media and important family data, I really don't use it much with the exception of remoting in to do our finances. This new laptop however, has enabled me to really dig into OS X and get more comfortable with the OS and all the great applications available for the Mac.
I have been investing a considerable amount of time staging my laptop with all the apps that I will need to use moving forward. One of those apps is the Google Chrome web broswer.
I don't use Chrome as my default browser, primarily because of site rendering issues. I do however love the application shortcut feature that Chrome has for Windows/Linux and use it quite heavily. I was terribly dissapointed when that feature was not available in Chrome for Mac.
Knowing that an OS X app is really a folder with special permissions that contain application data and configuration, I sought out to find a way to create and application shortcut for my web apps. Below you will find instruction on how to do this.
The example I will use is for the toodledo.com web app. You will want to just substitute Toodledo in the example with the name & info for your web app. These instructions assume you already have Google Chrome installed. It also assumes you know what a text editor is. TextEdit, Word, Pages are word processors and CANNOT be used. You can use Terminal based editors like vi or nano. If you want a gui based text editor, TextMate has a 30 day trial you can use.
1. In Finder, go to your Applications folder. Create a new folder called yourapplication.app (where yourapplication is the name you wish to give your new app shortcut, mine was Toodled.app).
2. You will be asked if you are sure that you want to add the extension ".app" to the end of the name, click add.
3. Secondary click yourapplication.app, select "Show Package Contents".
4. Now, create a new folder called "Contents" then open the "Contents" folder.
5. In the "Contents" folder, create two new folders: "MacOS" & "Resources"
6. Using your favorite text editor, create a text file called "Info.plist". It is important that it ends in plist and that no other file extention is appended. In this file, copy & paste the following information then close and save the fle:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC “-//Apple//DTD PLIST 1.0//EN” “http://www.apple.com/DTDs/PropertyList-1.0.dtd”>
<plist version=”1.0>
<dict>
<key>CFBundleExecutable</key
<string>Toodledo</string>
<key>CFBundleIconFile</key>
<string>toodledo</string>
</dict>
</plist>
7. Open the "MacOS" folder and create a new text file called yourapplication, where yourapplication is the name of your app minus .app. In this file, copy & paste the following infomation:
#!/bin/sh
open /Applications/Google\ Chrome.app -n --args --app="https://www.toodledo.com/views/duedate.php"
Here, you will want to replace my toodledo.com url with the url to your web app. Close and save the file.
You now have your application shortcut! Drag it to your Dock and fire it up!
If you have an image you would like to use for your icon, simply:
1. Copy the image to your clipboard.
2. Secondary click your new app, select "Get Info".
3. Click the temporary icon that the OS gave you (the upper left corner of the screen) then issue command-V to paste your new image in.
This is a crude way to get an application shortcut, but it works. If Chrome gives you any permissions errors, simply quit Chrome, then try your app shortcut again.
-boogybren