title: Chrome extension, custom context menu item not showing
body: <p>I know this question has been asked so many times on this site, e.g. <a href="https://stackoverflow.com/q/29704372/1032492"><strong>this post</strong></a>. However, Chrome upgrades so fast and it seems those solutions don't work for the latest version anymore. I also checked <a href="https://developer.chrome.com/extensions/contextMenus" rel="nofollow noreferrer"><strong>official doc</strong></a>, doesn't seem to work either.</p>
  
  <p>Here are my files:</p>
  
  <p><strong>manifest.json</strong></p>
  
  <pre><code>{
    "name": "Try Context Menu",
    "version": "0.0.1",
    "permissions": [ "tabs", "contextMenus", "http://*/*", "https://*/*" ],
    "background": {
      "scripts": [ "background.js" ],
      "persistent": false
    },
    "icons": {
      "16": "icon16.png",
      "48": "icon48.png",
      "128": "icon128.png"
    },
    "manifest_version": 2
  }
  </code></pre>
  
  <p><strong>background.js</strong></p>
  
  <pre><code>function clickHandler() {
    alert('great');
  }
  
  chrome.contextMenus.create({
    "id": "qwertyuiop",
    "title": "Click Me",
    "contexts": ["page", "selection", "image", "link"],
    "onclick" : clickHandler
  });
  
  chrome.contextMenus.onClicked.addListener(clickHandler);
  </code></pre>