title: Crossrider Extension Platform
body: <p>I'm creating an extension using Crossrider that allows users to bookmark the page they are viewing.</p>
  
  <p>For this purpose, I created a button popup that when clicked opens with the UI for managing the list of bookmarks. When the user clicks on the extension's button I want to pass the URL of the page being viewed to the popup so that I can add it to the list of bookmarks. My problem is that I don't know how to pass the URL to the popup. Can anyone point me in the right direction?</p>
  
  <p>The following snippet is a simplified version of the code to demonstrate what I have:</p>
  
  <p>background.js:</p>
  
  <pre><code>appAPI.ready(function($) {
      appAPI.browserAction.setResourceIcon('images/icon.png');
      appAPI.browserAction.setPopup({
          resourcePath:'html/popup.html',
          height: 300,
          width: 300
      });
  });
  </code></pre>
  
  <p>popup.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;!-- This meta tag is relevant only for IE --&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  &lt;script type="text/javascript"&gt;
    function crossriderMain($) {
    }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;h1&gt;Bookmark List&lt;/h1&gt;
  &lt;ul&gt;
      &lt;li&gt;1: http://example.com/1.html&lt;/html&gt;
      &lt;li&gt;2: http://example.com/2.html&lt;/html&gt;
  &lt;/ul&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>