Google Chrome Plugin Development

Source: Internet
Author: User

Reference: http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extensions/docs/examples/extensions/

Below I will step by step to teach you how to develop a browser plug-in, the plugin will create an icon in the browser toolbar, click on the icon will pop up a page.

1. Create directory getstarted at any location.

2, create a text file in the getstarted directory, and modify the file name to Manifest.json, the contents are as follows:

{  "manifest_version": 2,  "name": "One-click Kittens",  "description": "This extension demonstrates a ' Browser action ' with kittens. ',  ' version ': ' 1.0 ',  ' browser_action ': {    ' Default_icon ': ' Icon.png ',    ' Default_popup ":" Popup.html "  },  " Permissions ": [    " https://secure.flickr.com/"  ]}
3, find a PNG format picture in the Getstarted directory, and named Icon.png

4, create a text file in the getstarted directory , and modify the file name to popup.html, the contents are as follows:

<!doctype html>
5. Loading plugins. In the Google Explorer address bar, type: chrome://extensions/or open the Extensions administration page by using the extension program, more tools, menu.


6. Tick the developer mode. Then click on load the unpacked extensions and select our plugin directory getstarted. Plugin loaded successfully in our browser toolbar can see our plugin icon, click on the icon, pop up Hello world!


The first Google browser plugin is complete! More plugins can be tested by referring to the address at the beginning of this article.

Google Chrome Plugin Development

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.