Getting Started with Chrome Extensions: Tips and Tricks @ Kansas City Developer Conference

Getting Started with Chrome Extensions: Tips and Tricks @ Kansas City Developer Conference

You’ve seen Chrome extensions in the wild, maybe even installed a few into your browser — but what about writing your own? In this talk, you’ll learn the basics of Chrome extension development (from git init to publishing in the Web Store), how to avoid having your extension automatically disabled when performing upgrades, and some unexpected parts of Chrome you can hook into to take your extension to the next level.

2e055eb589fb86174fd268748b0fcd30?s=128

Andrew Dunkman

June 26, 2015
Tweet

Transcript

  1. Getting Started with Chrome Extensions @adunkman

  2. None
  3. Proper Nouns

  4. Proper Nouns Write an Extension

  5. Proper Nouns Write an Extension Publishing to the Chrome Web

    Store
  6. Proper Nouns Write an Extension Publishing to the Chrome Web

    Store Lessons Learned from Harvest
  7. Proper Nouns Write an Extension Publishing to the Chrome Web

    Store Lessons Learned from Harvest Unexpected APIs
  8. Titanium Sponsors Platinum Sponsors Gold Sponsors

  9. Proper Nouns

  10. Chrome App

  11. Chrome App

  12. Chrome Plugin

  13. Chrome Plugin

  14. Chrome Extension

  15. Browser Action

  16. Page Action

  17. Popup

  18. Context Menu

  19. Background Script

  20. Background Script Background Page

  21. Event Script Event Page

  22. Content Script

  23. None
  24. Browser Action

  25. Browser Action Page Action

  26. Browser Action Page Action Popup }

  27. Browser Action Page Action Popup Context Menu }

  28. Browser Action Page Action Popup Context Menu Background Script }

  29. Browser Action Page Action Popup Context Menu Background Script Background

    Page }
  30. Browser Action Page Action Popup Context Menu Background Script Background

    Page Event Script }
  31. Browser Action Page Action Popup Context Menu Background Script Background

    Page Event Script Event Page }
  32. Browser Action Page Action Popup Context Menu Background Script Background

    Page Event Script Event Page Persistence }
  33. Browser Action Page Action Popup Context Menu Background Script Background

    Page Event Script Event Page Content Script }
  34. Browser Action Page Action Popup Context Menu Background Script Background

    Page Event Script Event Page Content Script } Website
  35. It’s just JavaScript and HTML.

  36. Chrome Web Store

  37. .zip file

  38. $5

  39. Unexpected APIs

  40. Override Chrome URLs newtab, bookmarks, history

  41. Manipulate History add/edit/remove entries, clear cookies chrome.history, chrome.browsingData

  42. Modify Cookies watch entries, view/edit/remove (including HTTPOnly) chrome.cookies

  43. Take a Screenshot whole screen, window, tab chrome.desktopCapture

  44. Download Files initiate/cancel downloads, monitor status chrome.downloads

  45. Manage Tabs, Windows create/update/reorder tabs/windows chrome.tabs, chrome.windows

  46. Jank Up Requests analyze, edit, block requests, modify response headers

    chrome.webRequest
  47. Harvest for Chrome

  48. Our Mistakes

  49. Slow Publishes

  50. None
  51. Increasing Permissions

  52. None
  53. None
  54. None
  55. Editing Responses

  56. None
  57. With great power comes great responsibility.

  58. With great power comes terrible bugs.

  59. Content Script Sandbox

  60. None
  61. It’s just JavaScript and HTML.

  62. Getting Started with Chrome Extensions @adunkman

  63. Getting Started with Chrome Extensions @adunkman git.io/vtOsl bit.ly/1GtPOCJ