Added storage sample.

chrome/common/extensions/docs/examples/api/storage/stylizr/popup.js

+// Copyright (c) 2011 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+// Store settings in the local, un-synchronized repository.

[not at google - send to devlin, 2011/12/14 23:04:13]

Why not use the synced storage?

An interesting feature might be something neat like putting a "sync this CSS"
option in storage.local, then based on the value of that query use either local
or sync for the settings.

In a follow-up perhaps.

[not at google - send to devlin, 2011/12/14 23:16:07]

Or just always use sync, local should be an exception to the rule.

[Boris Smus, 2011/12/14 23:29:35]

Switched to sync for now. Option could be interesting later.

+var storage = chrome.experimental.storage.local;
+var message = document.querySelector('#message');
+
+// Check if there is CSS specified.
+storage.get('css', function(items) {
+  console.log(items);
+  // If there is CSS specified, inject it into the page.
+  if (items.css) {
+    chrome.tabs.insertCSS(null, {code: items.css}, function() {
+      if (chrome.extension.lastError) {
+        message.innerText = 'Not allowed to inject CSS into special page.';
+      }
+      message.innerText = 'Injected style!';

[not at google - send to devlin, 2011/12/14 23:04:13]

shouldn't this be in an else, or a "return" after line 16?

[Boris Smus, 2011/12/14 23:29:35]

Done.

+    });
+  } else {
+    var optionsUrl = chrome.extension.getURL('options.html');
+    message.innerHTML = 'Set a style in the <a target="_blank" href="' +
+        optionsUrl + '">options page</a> first.';
+  }
+});
+