• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Dive Into Chrome-100119
 

Dive Into Chrome-100119

on

  • 2,062 views

dive into chrome and chrome extension

dive into chrome and chrome extension

Statistics

Views

Total Views
2,062
Views on SlideShare
2,058
Embed Views
4

Actions

Likes
1
Downloads
32
Comments
0

2 Embeds 4

http://www.slideshare.net 3
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Dive Into Chrome-100119 Dive Into Chrome-100119 Presentation Transcript

  • 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 Renderer Browser I/O Renderer . Renderer webkit DOM V8 Chrome UI ( omnibox ,Tab )
  • chrome - extension chrome firefox . web ( html , css , javascript ) chrome html5 API (JSON localStorage canvas ...)
  • Offical Example gmail chrome rss .
  • How it works Json chrome UI New Browser Api : chrome.bookmarks.* : chrome.browserAction.* : chrome.extension.* : chrome.i18n.* : chrome.pageAction.* : tab
  • Architecture , foxyproxy firebug
  • 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" } }