-
Notifications
You must be signed in to change notification settings - Fork 37
/
Copy pathindex.html
176 lines (172 loc) · 10.7 KB
/
index.html
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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html xmlns:wb=“http://open.weibo.com/wb”>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="stable/static/css/site.css" rel="stylesheet" type="text/css">
<link href="stable/static/css/print.css" rel="stylesheet" type="text/css" media="print">
<link href="stable/static/css/prettify.css" rel="stylesheet" type="text/css">
<link href="//www.google.com/images/icons/product/chrome-16.png" rel="icon" type="image/ico">
<link href="stable/static/css/index.css" rel="stylesheet" type="text/css">
<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
<title>chrome插件中文开发文档(非官方)</title>
</head>
<body>
<a id="top"></a>
<div id="header">{Header content}</div>
<a id="gc-topnav-anchor"></a>
<div id="gc-topnav">
<h1>chrome插件中文开发文档(非官方)</h1>
<ul id="home" class="gc-topnav-tabs">
<li id="home_link">
<a href="index.html" title="Google Chrome Extensions home page"><div>主页</div></a>
</li>
<li id="docs_link">
<a href="docs.html" title="Official Google Chrome Extensions documentation"><div>文档</div></a>
</li>
<li id="faq_link">
<a href="faq.html" title="Answers to frequently asked questions about Google Chrome Extensions"><div>常见问题</div></a>
</li>
<li id="samples_link">
<a href="samples.html" title="Sample Extensions (with source code)"><div>示例</div></a>
</li>
<li id="group_link">
<a href="http://groups.google.com/a/chromium.org/group/chromium-extensions" title="Google Chrome Extensions developer forum"><div>google群组(英文)</div></a>
</li>
<li id="so_link">
<a href="http://stackoverflow.com/questions/tagged/google-chrome-extension" title="[google-chrome-extension] tag on Stack Overflow"><div>还有问题?(英文)</div></a>
</li>
</ul>
</div>
<div id="gc-container">
<div id="gc-pagecontent">
<table id="index">
<tr>
<td>
<h3>什么是扩展程序?</h3>
<p>
扩展程序是一些能够修改或增强Chrome浏览器功能的小程序。您可以利用各种Web技术,例如HTML、JavaScript和CSS,来编写自己的扩展程序。
</p>
<p>
<img src="stable/static/images/index/gmail-small.png" width="91" height="35" align="right" style="margin-top:0px; margin-left:0.5em" alt="A screenshot of an extension's icon in the browser bar">
扩展程序只有很少的用户界面或者完全没有。例如,右边的图片中的图标为
<a href="samples.html#gmail">Gmail扩展程序</a>.
的用户界面。
</p>
<p>
扩展程序将它所需的文件集成在一个文件中,提供给用户下载和安装。这一集成意味着扩展程序不像普通的网上应用程序那样,它们不需要依赖网上的内容。
</p>
<p>
您可以使用
<a href="https://chrome.google.com/webstore/developer/dashboard">Chrome开发者信息中心</a>
将您的扩展程序发布到
<a href="http://chrome.google.com/webstore">Chrome网上应用店</a>。
有关更多信息,请参见
<a href="http://code.google.com/chrome/webstore">网上应用店开发者文档</a>。
</p>
<p style="color:red;">
此文档大部分翻译内容基于
<a href="https://sites.google.com/site/crxdoczh/home" target="_blank">https://sites.google.com/site/crxdoczh/home</a>
</p >
<p style="color:red;">
Chrome开发QQ交流群:<b>186758632</b>
</p>
<p style="color:red;">
Chrome开发google+社群:<a href="https://plus.google.com/u/0/communities/105384952265487436177" target="_blank">Chrome扩展程序/应用程序开发人员文档(非官方中文版)</a>
</p>
<p style="color:red;">
此文档基于<a href="http://developer.chrome.com/extensions/index.html" target="_blank">google chrome官方文档</a>,Chrome扩展程序的开发文档在不断地变化,此文档将尽量即使跟进,若有疑问,一切以官方文档为准。
</p>
<p style="color:red;">
再次感谢<a href="https://plus.google.com/u/0/communities/105384952265487436177" target="_blank">Samuel V</a>辛苦翻译。<b>中文部分持续更新中</b>。
</p>
<p>
关于<a href="http://liuyixi.com" target="_blank"> 一兮</a>, <a href="http://www.diigo.com" target="_blank">Diigo.com</a>前端工程师,参与开发的chrome插件/应用程序有:
<ul>
<li>
<a href="https://chrome.google.com/webstore/detail/awesome-screenshot-captur/alelhddbbhepgpmgidjdcjakblofbmce?utm_source=chrome-ntp-icon" target="_blank">Awesome Screenshot(网页截图)</a>
</li>
<li>
<a href="https://chrome.google.com/webstore/detail/quick-note/mijlebbfndhelmdpmllgcfadlkankhok?utm_source=chrome-ntp-icon" target="_blank">Quick Note</a>
</li>
<li>
<a href="https://chrome.google.com/webstore/detail/read-later-fast/decdfngdidijkdjgbknlnepdljfaepji?utm_source=chrome-ntp-icon" target="_blank">Read Later Fast</a>
</li>
<li>
<a href="https://chrome.google.com/webstore/detail/diigo-web-collector-captu/oojbgadfejifecebmdnhhkbhdjaphole?utm_source=chrome-ntp-icon" target="_blank">Diigo Web Collector - Capture and Annotate</a>
</li>
<li>
<a href="https://chrome.google.com/webstore/detail/search-all/eekjldapjblgadclklmgolijbagmdnfk?utm_source=chrome-ntp-icon" target="_blank">Search All</a>
</li>
</ul>
<wb:follow-button uid="2011628750" type="red_1" width="67" height="24" ></wb:follow-button>
</p>
</td>
<td id="howDoIStart">
<h3>我应该如何开始?</h3>
<p></p>
<ol>
<li>
遵循<a href="getstarted.html">入门教程</a>
</li>
<li>
阅读
<a href="overview.html">概述</a>
</li>
<li>
阅读
<a href="http://blog.chromium.org/">Chromium博客(英文)</a>,获取最新信息
</li>
<li>
订阅
<a href="http://groups.google.com/a/chromium.org/group/chromium-extensions">chromium-extensions群组(英文)</a>
</li>
</ol>
<p></p>
<h3>特色视频(英文)</h3>
<p>
<a href="http://www.youtube.com/view_play_list?p=CA101D6A85FE9D4B">技术视频</a> <br>
<a href="http://www.youtube.com/view_play_list?p=38DF05697DE372B1">开发者快照</a> (below)
</p>
<p>
<iframe title="YouTube video player" width="300" height="199" src="http://www.youtube.com/embed/wRDPTnY3yO8?rel=0" frameborder="0" allowfullscreen=""></iframe>
</p>
</td>
</tr>
</table>
</div>
</div>
</body>
<script>
window.bootstrap = {
api_names: [{"name":"alarms"},{"name":"bookmarks"},{"name":"browserAction"},{"name":"browsingData"},{"name":"commands"},{"name":"contentSettings"},{"name":"contextMenus"},{"name":"cookies"},{"name":"debugger"},{"name":"declarativeWebRequest"},{"name":"devtools.inspectedWindow"},{"name":"devtools.network"},{"name":"devtools.panels"},{"name":"downloads"},{"name":"events"},{"name":"extension"},{"name":"fileBrowserHandler"},{"name":"fontSettings"},{"name":"history"},{"name":"i18n"},{"name":"idle"},{"name":"input.ime"},{"name":"management"},{"name":"omnibox"},{"name":"pageAction"},{"name":"pageCapture"},{"name":"permissions"},{"name":"privacy"},{"name":"proxy"},{"name":"runtime"},{"name":"scriptBadge"},{"name":"storage"},{"name":"tabs"},{"name":"topSites"},{"name":"tts"},{"name":"ttsEngine"},{"name":"types"},{"name":"webNavigation"},{"name":"webRequest"},{"name":"webstore"},{"last":true,"name":"windows"}].concat(
[{"name":"experimental.bluetooth"},{"name":"experimental.devtools.audits"},{"name":"experimental.devtools.console"},{"name":"experimental.discovery"},{"name":"experimental.identity"},{"name":"experimental.infobars"},{"name":"experimental.offscreenTabs"},{"name":"experimental.processes"},{"name":"experimental.record"},{"name":"experimental.speechInput"},{"name":"experimental.systemInfo.cpu"},{"name":"experimental.systemInfo.storage"},{"last":true,"name":"experimental.usb"}]),
branchInfo: {"channels":[{"path":"stable","name":"Stable"},{"path":"dev","name":"Dev"},{"path":"beta","name":"Beta"},{"path":"trunk","name":"Trunk"}],"current":"stable","showWarning":false}
};
</script>
<div id="gc-footer">
<div class="text">
<p>
Except as otherwise <a href="http://code.google.com/policies.html#restrictions">noted</a>,
the content of this page is licensed under the <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
Attribution 3.0 License</a>, and code samples are licensed under the
<a rel="license" href="http://code.google.com/google_bsd_license.html">BSD License</a>.
</p>
<p>
©2012 Google
</p>
<script src="stable/static/js/branch.js" type="text/javascript"></script>
<script src="stable/static/js/sidebar.js" type="text/javascript"></script>
<script src="stable/static/js/prettify.js" type="text/javascript"></script>
<script>
(function() {
// Auto syntax highlight all pre tags.
var preElements = document.getElementsByTagName('pre');
for (var i = 0; i < preElements.length; i++)
preElements[i].classList.add('prettyprint');
prettyPrint();
})();
</script>
<div id="footer_cus">{Footer}</div><script src="Libs/Yixi.js"></script><script src="http://s9.cnzz.com/stat.php?id=4928336&web_id=4928336" language="JavaScript"></script>
</div>
</div>
</html>