Dive Into Chrome-100119

1,636
-1

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,636
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.

    ×