Chrome-Extension
     By yiminghe
Web browsers
Chrome




         .
Chrome and Chromium
Chromium   Chrome

     ,              .

Chrome

   Chromium

Chrome         Chromium   .
Opensource

chrome = chrome framework + webkit +
V8
          http://dev.chromium.org/

Home
                    1G
How to work
     ,     Browser               Renderer        .

                                     tab             Rende...
chrome - extension

 chrome                           firefox

                          .

                web   ( html , ...
Offical Example


gmail       chrome

rss

        .
How it works
 Json              chrome         UI


 New Browser Api :
 chrome.bookmarks.* :

 chrome.browserAction.* :

 ...
Architecture



                ,   foxyproxy




       firebug
Demo
Fudan BBS Img Uplader (https://chrome.google.com/extensions/detail/ofanlkmkfipccjlkklkegfheahcnijdp)

{

"name": "fdu ...
Dive Into Chrome-100119
Upcoming SlideShare
Loading in...5
×

Dive Into Chrome-100119

1,575

Published on

dive into chrome and chrome extension

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,575
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
33
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Dive Into Chrome-100119

    1. 1. Chrome-Extension By yiminghe
    2. 2. Web browsers
    3. 3. Chrome .
    4. 4. Chrome and Chromium Chromium Chrome , . Chrome Chromium Chrome Chromium .
    5. 5. Opensource chrome = chrome framework + webkit + V8 http://dev.chromium.org/ Home 1G
    6. 6. How to work , Browser Renderer . tab Renderer Browser I/O Renderer . Renderer webkit DOM V8 Chrome UI ( omnibox ,Tab )
    7. 7. chrome - extension chrome firefox . web ( html , css , javascript ) chrome html5 API (JSON localStorage canvas ...)
    8. 8. Offical Example gmail chrome rss .
    9. 9. How it works Json chrome UI New Browser Api : chrome.bookmarks.* : chrome.browserAction.* : chrome.extension.* : chrome.i18n.* : chrome.pageAction.* : tab
    10. 10. Architecture , foxyproxy firebug
    11. 11. 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" } }
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×