The following instructions tell you how to load an installable web app that isn't yet packaged in a .crx file—a handy technique while you're working on an app.
1. Create a folder (you might name it maps_app) and put the following files into it:
o Icon.png
You've just created the metadata for a hosted app. Now you can load the app.
2. In Chrome, bring up the extensions management page by clicking the wrench icon and choosing Tools > Extensions. (On the Mac, go to theWindow menu and choose Extensions.)
3. If Developer mode has a + by it, click the +.
The + changes to a -, and more buttons and information appear.
The + changes to a -, and more buttons and information appear.
4. Click the Load unpacked extension button.
A file dialog appears.
A file dialog appears.
5. In the file dialog, navigate to the folder where you put the app's files, and click OK.
You've now installed the app.
You've now installed the app.
6. Create a new tab.
The icon for the newly installed app appears in Chrome's launcher on the New Tab page.
The icon for the newly installed app appears in Chrome's launcher on the New Tab page.
7. Click the icon for the app.
You've now launched the app.
You've now launched the app.
For a full tutorial on converting your existing web app into a hosted app (and publishing it), see the Chrome Web Store Getting Started tutorial.
Your manifest.json should look like this
{
"name": "Your app name",
"description": "App description",
"version": "1",
"app": {
"urls": [
"*://url /"
],
"launch": {
"web_url": "http://url/"
}
},
"icons": {
"128": "icon.png"
},
"permissions": [
"unlimitedStorage",
"notifications"
]
}