How To Make A Chrome Web App

make a chrome web app

Google is the most useful browser in the internet world nowadays. And every person uses it and fined new web apps for chrome. Now you can make a chrome web app for your browser and enjoy building new web apps every day 🙂

I’m showing you how you can create your app for Google and customize it. And feel like you are a developer 🙂

Must Read:  3 Secrets Tips To Speed Up Chrome Browser

make chrome web app

How To Create Web Apps For Chrome

I will teach you to step by step to create an app. Just follow these steps to make this task very easy for you. See below-

Step #1:

Create a new folder in your download and rename it, which app do you want to create in chrome? For example I am creating a Twitter web app for my browser.

Step #2:

Now create your icon for your app in PNG. (Remember that the Icon.png size is 128*128).

Note: Make sure your icon file size is 128*128 and its only supports PNG file

Step #3:

Now open a notepad file and paste the following code into a text editor.

{
“name”: “App Name”,
 “description”: “App description (132 characters or less, no HTML)”,
 “version”: “1.0.0”,
 “manifest_version”: 2,
 “icons”: {
“128”: “icon_128.png”
},
 “app”: {
“URLs”: [
“http://mysubdomain.example.com/”
],
 “launch”: {
“web_url”: “http://mysubdomain.example.com/”
}
}
}

Step #4:

Now save this notepad file in “manifest.json” Extrusion.

(Note: make sure the .txt Extrusion is gone.)

make a app folder

Step #5:

Now copy both files (ICON.png and JSON file into your app folder which we will create in Step #1:

Step #6:

Developer mode

Now all is done, now we will test it 🙂

Open Google chrome-> click on this icon -> tools -> Extensions.

Now tick “developer mode” and click on load unpacked Extensions. And after it selects your web app folder.

Now you custom web app installed in a new tab and you can use it now 🙂

See Video Tutorial For Web App

Final words!

These tricks help you to make a chrome web app. This looks like a shortcut to the webpage which you like and wants to bookmark it. It’s a very simple trick to do and enjoy it.

If you like my article please subscribe to our newsletter and get more Awesome computer tricks and tips. And also share our article with your friends on Facebook and google plus. If you have any query related to this article comment below and I will resolve it very soon.

harshitbhootra

You May Also Like

About the Author: harshitbhootra

3 Comments

  1. I have to admit that this is very cool inspirational tutorial. I would be very happy to see more about developing “real” chrome web app.

  2. Hi Vishal,

    I am really thrilled with this great piece of yours. With Google Chrome being my latest favourite browser, I will definitely give it a try with respect to creating an app with Chrome.

    Thanks for the insights shared through this post.

Leave a Reply

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