blob: 9ad0f026a098f7b0dd94e8f0285926f23d7266d1 (
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
87
88
89
90
91
92
93
94
95
96
97
98
99
|
<style>
#pics {
margin:1em;
border:none;
}
#pics td {
text-align:center;
width:33%!important;
border:none;
padding:0 1em;
font-size:90%;
}
#pics img {
width:180px;
height:85px;
border:none;
}
</style>
<div id="pageData-title" class="pageData">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:
<span class="comment">
[PENDING: improve * actions screenshots, so there are fewer unnecessary
differences between them.]
</span>
</p>
<table id="pics">
<tr>
<td valign="top">
<b>Page actions</b><br>
<a href="pageAction.html"><img src="images/index/page_action.png"
width="180"></a>
<br>
Display small icons in the address bar, but only for specific pages
</td>
<td valign="top">
<b>Browser actions</b><br>
<a href="browserAction.html"><img src="images/index/browser_action.png"
width="240"></a>
<br>
Display small icons in the toolbar,
optionally with a custom popup
</td>
<td valign="top">
<b>Content scripts</b><br>
<a href="content_scripts.html"><img src="images/index/content_script.png"
width="180"></a>
<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
the extension system
</li>
<li>
<a href="devguide.html">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>
</p>
|
