summaryrefslogtreecommitdiffstats
path: root/chrome/common/extensions/docs/static/index.html
blob: e84399610f9ecfc567f2aad3e6738f998b034df7 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<style>
#pics {
  margin:2em 1em 1.5em;
}

#pics td {
  text-align:center;
  width:33%!important;
  border:none;
  padding:1em;
  font-size:90%;
}

#pics img {
  width:180px;
  height:85px;
  border:1px solid black;
}
</style>

<div id="pageData-title" class="pageData">Chrome Extensions Developer Documentation</div>

<h3>Hello There!</h3>

<p>
<em>Extensions</em> are small software programs
that can modify and enhance the functionality of Google Chrome.
</p>

<p>
You write them using web technologies like
HTML, JavaScript, and CSS.
So if you know how to write web pages,
you already know most of what
you need to know to write extensions.
</p>

<p>
Here are some examples of what you can build with extensions:
</p>

<table id="pics">
  <tr>
    <td valign="top">
      <b>Toolstrips</b><br>
      <img src="images/index/toolstrip.png"><br>
      Display small toolbars in Google Chrome's chrome.
    </td>
    <td valign="top">
      <b>Page actions</b><br>
      <img src="images/index/page_action.png"><br>
      Add buttons to the Omnibox that get displayed for specific pages.
    </td>
    <td valign="top">
      <b>Content scripts</b><br>
      <img src="images/index/content_script.png"><br>
      Modify the look and behavior of web pages.
    </td>
  </tr>
</table>

<p>
This website contains all the information
you need to build extensions.
Start with one of these sections:
</p>

<ul>
  <li>
    <a href="getstarted.html">Getting Started</a>:
    Build a simple "Hello, World" extension in about 5 minutes.
    </li>
  <li>
    <a href="overview.html">Overview</a>:
    Learn about the fundamental design points of
    Google Chrome's extension system.
    </li>
  <li>
    <a href="#">Developer's Guide</a>:
    Get detailed information on using each feature and API.
    </li>
</ul>

<p>
Also check out the discussion group:
<a href="http://groups.google.com/group/chromium-extensions">chromium-extensions</a>.