This document discusses Google Chrome extensions. It explains that Chrome extensions allow adding new features to the browser via web technologies like HTML, CSS, and JavaScript. The architecture involves a background page that communicates with content scripts injected into web pages via the Chrome Extension API. Examples are provided of extensions that add features to Gmail and for uploading images to a university bulletin board system.

1. Chrome-Extension
By yiminghe

2. Web browsers

3. Chrome
.

4. Chrome and Chromium
Chromium Chrome
, .
Chrome
Chromium
Chrome Chromium .

5. Opensource
chrome = chrome framework + webkit +
V8
http://dev.chromium.org/
Home
1G

7. How to work
, Browser Renderer .
tab Renderer
Browser I/O
Renderer .
Renderer webkit DOM V8
Chrome UI (
omnibox ,Tab )

8. chrome - extension
chrome firefox
.
web ( html , css ,
javascript ) chrome
html5
API (JSON localStorage
canvas ...)

9. Offical Example
gmail chrome
rss
.

10. How it works
Json chrome UI
New Browser Api :
chrome.bookmarks.* :
chrome.browserAction.* :
chrome.extension.* :
chrome.i18n.* :
chrome.pageAction.* : tab

11. Architecture
, foxyproxy
firebug

12. Demo
Fudan BBS Img Uplader (https://chrome.google.com/extensions/detail/ofanlkmkfipccjlkklkegfheahcnijdp)
{
"name": "fdu img uploader" , //
"version": "1.30", //
"description": "Fudan BBS Img Upload Enhancement", //
"permissions": ["http://bbs.fudan.edu.cn/","tabs"], //
"background_page": "background.html", //
"content_scripts": [ { //
"matches": ["http://bbs.fudan.edu.cn/*"], //
"css": ["xxxx.css"], // css
"js":["xxx.js"] ], // js
"page_action": { //
"default_title": "upload images",
"default_icon": "icon16.png"
}
}