A Complete Guide To Chrome Extension Development

12
A Complete Guide To Chrome Extension Development Chrome Extension

Transcript of A Complete Guide To Chrome Extension Development

Page 1: A Complete Guide  To Chrome Extension  Development

A Complete Guide To Chrome Extension

Development

Chrome Extension

Page 2: A Complete Guide  To Chrome Extension  Development

Project

1.

Page 3: A Complete Guide  To Chrome Extension  Development

The first thing we need to do is create the project and all the files we need for our extension. All these get started by creating a new directory and then putting all the files into the new folder. Create an icon for the extension.

Page 4: A Complete Guide  To Chrome Extension  Development

2.

Create the manifest file

Page 5: A Complete Guide  To Chrome Extension  Development

Every extension needs a manifest file which lets Chrome know about getting the extension loaded in Chrome. So, create the manifest file and put it into that new folder. Add code to the manifest file.

Page 6: A Complete Guide  To Chrome Extension  Development

3.

Create the UI

Page 7: A Complete Guide  To Chrome Extension  Development

The next step is to create the user interface that our Browser Action will display when it is clicked.

Page 8: A Complete Guide  To Chrome Extension  Development

4.

Implement logic

Page 9: A Complete Guide  To Chrome Extension  Development

we need to do to create the plugin is to implement the logic that should execute when a user clicks the button.

Page 10: A Complete Guide  To Chrome Extension  Development

5.

Testingout

Page 11: A Complete Guide  To Chrome Extension  Development

Once the process of Chrome extension development is over, you must test it well so as to find the bugs and fix them before any other user comes across the errors

Page 12: A Complete Guide  To Chrome Extension  Development

www.total-toolbar.com