Bob Cavezza's Blog

There’s nothing more frustrating than an old tutorial that you can’t get to work.  I encountered this when attempting to Tutorialzine’s Tutorial on Creating Chrome Extensions.  There are 7 main issues that are wrong with this tutorial.  There are links below which will explain each individual issue with the tutorial and how to fix them.  Alternatively, you can watch the entire two part screencast of how to fix the tutorial.

Screencast of Fixing the How to Build a Chrome Extension Tutorial Part 1

 

 

Signup for exclusive content and to be notified when the book is ready!

App-design-handbook


We won't send you spam. Unsubscribe at any time.

 

 

Screencast of Fixing the How to Build a Chrome Extension Tutorial Part 2

 

Fixing The Tutorialzine How to Build a Chrome Extension Series

Watch the Two Screencasts of debugging the entire tutorial

  1. You must set the manifest_version to 2
  2. icon.png needs to be downloaded
  3. Change popup variable name to default_popup - this is a very frustrating popup to find
  4. You need to download jquery.min.js and add it to the folder.  (I would download jquery-1.11.1.min.js and rename the script to jquery-1.11.1.min.js in tutorialzine.html
  5. You need to add a content_security_policy value to make external ajax calls and all external ajax calls must be made to https urls
  6. An extra broken image loads in the popup.  

 

§279 · October 3, 2014 · Chrome Extensions, Screencasts · · [Print]

1 Comment to “Screencast – Fixing The Tutorialzine How to Build a Chrome Extension Tutorial”

  1. Peter says:

    Hey, this is not working at all. The cross domain is request is failing. I tried to pass this but no success.

    Any tips? Perhaps Google has updated the security policy once again.

    Kind regards,
    Peter
    You can reach me at PeteMachineLNU at twitter.

Leave a Reply