我正在尝试使用chrome的本地存储/同步存储(chrome.storage)来扩展,以存储数据条目,用于许多不同的条目.我似乎无法弄清楚它的正确语法.我只想简单地将信息存储为字符串.我搜索过,找不到任何有用的东西.
这对我来说使用正常的localStorage技术是有用的:
var imageName = "Red Cat 5";
var myDescription = "A nice kitty";
localStorage.setItem (imageName, myDescription);
console.log(localStorage[imageName]);
这有效,让我从现有变量设置密钥.我怎么能用chrome.storage.local.set来做呢？我一直在尝试这个没有任何成功:
var imageName = "Red Cat 5";
var myDescription = "A nice kitty";
chrome.storage.local.set({imageName: myDescription}, function()
{console.log('success?');});
chrome.storage.local.set({imageName: myDescription}, function()
{chrome.storage.local.get(imageName, function(r){console.log(r.imageName);});});
任何帮助深表感谢.谢谢!
-----更新以下-----
感谢您对代码的解释.我希望它可以帮助其他任何人.这样做的信息似乎很少!你的回答帮助我想出了这个:
var nameOne = "al";
var nameTwo = "bob";
var nameThree = "carl";
var nameFour = "dan";
var dataObj = {};
dataObj[nameOne] = nameTwo;
dataObj[nameThree] = nameFour;
storage.set(dataObj);
storage.get(dataObj, function(result)
{
console.log(result[nameOne]);
console.log(result[nameThree]);
});
我正在开发一个操作网页的Google Chrome扩展程序,但是在部分加载(DOM)或完全加载(带图像)之后.
现在似乎很多网站都使用了
<!DOCTYPE html>
声明,或其中的一些变体,但许多其他人没有.问题主要是关于HTML doctypes ...我不确定其他人.
假设如果网页没有DOCTYPE声明,则可以安全地使用$(window).load(); 不会被解雇？
一开始我使用$(document).ready(); (对于加载DOM时),但后来切换到$(window).load(); (也让图像加载).
问题是,现在$(window).load(); 如果没有DOCTYPE似乎不起作用.$(文件).就绪(); 无论是否声明DOCTYPE,似乎都适用于所有页面.
也许这对于有同样问题的其他人有用.我搜索了一下,没有找到决定性的答案.看来我最终会使用这样的东西:
if (window.document.doctype != null) {$(window).load(checkEntries);}
if (window.document.doctype == null) {$(document).ready(checkEntries);}
我想我的问题是......这是正常的,必须检查DOCTYPE以了解使用哪个事件？或者我在这里遗漏了什么？
基本上,为什么$(window).load(); 如果没有DOCTYPE声明似乎不会开火？
我正在为网页制作一个javascript/jquery程序,让用户从他们的计算机本地打开一个图像文件,然后程序将其大小调整为16 x 16图标大小并将其保存为数据网址.
一切正常,除了调整大小的图像非常像素化.我目前正在拍摄本地图像文件,并从中创建数据网址.然后创建一个16 x 16的canvas元素,然后将图像绘制到画布上,并从中创建一个新的数据URL.
我想要一些不同的方法来做到这一点,因为新调整大小的图像非常像素化并且不平滑,并且似乎没有消除锯齿.当浏览器显示宽度和高度属性设置为16的原始图像时,它看起来非常漂亮和平滑.这就是我想要的.我不明白如何获得与浏览器显示时相同的结果.我正在使用Google Chrome.
我在这里做了一个小例子:http://jsfiddle.net/5Pj8m/
在示例中,我使用了jsFiddle徽标,尽管您可以使用任何本地文件对其进行测试,然后查看结果.也许这段代码可以帮助其他人学习如何做,但是,我认为生成的调整大小图像可能或应该看起来更好!
我希望我已经解释了我想要做的事情,并且它在某种程度上是可能的.任何人都可以帮助我或解决这个问题吗？
这是代码.
HTML:
<input type='file' id='inputFile'>
<table border=1><tr><td>
<span id='spanDisplayOrigFull'>OrigFull:
<img src=http://doc.jsfiddle.net/_images/jsfiddle-logo-thumb.png>
</span>
</td><td>
<span id='spanDisplayOrigIcon'>OrigIcon:
<img src=http://doc.jsfiddle.net/_images/jsfiddle-logo-thumb.png width='16' height='16'>
</span>
</td></tr><tr><td>
<span id='spanDisplayNewFull'>NewFull: </span>
</td><td>
<span id='spanDisplayNewIcon'>NewIcon: </span>
</td></tr></table>
JAVASCRIPT:
$('#inputFile').bind('change', function()
{
var file = inputFile.files[0];
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function()
{
var imageUrlFull = reader.result;
var imageLocalFull = new Image();
imageLocalFull.src = imageUrlFull;
imageLocalFull.id = 'imageLocalFull';
imageLocalFull.onload = function()
{ …是否可以在XAML C#app中显示.ico文件？这是使用Visual Studio 2015的WinRT Windows Phone 8.1应用程序.
<Image Source="http://www.stackoverflow.com/favicon.ico"/> 在设计器中显示图标正常,但在模拟器中运行时则不显示.
我尝试过使用下载的图标,以编程方式下载图标,另存为.png文件,从LocalFolder加载,使用Assets文件夹等等......但图像仍未显示.似乎应该有一个简单的解决方案,或者说这是不可能的.
可以吗？
我使用jQuery将事件处理程序绑定到元素,但也许还有一种方法可以检查使用普通的JavaScript ...
如果我使用如下所示的代码,有没有办法测试元素是否已添加事件处理程序？当我再次运行该函数(更新img src)时,事件会再次绑定,然后是第三次绑定,等等.最简单的方法是什么？
$(window["tdImg_"+i]).add(window["tdImgSize_"+i]).bind('click', toggleImageSize);
我们可以通过名称找到控件并使用C#中的单个命令更改属性吗？我有这个:
TextBlock tb = mainGrid.FindName("FirstNameTextBlock") as TextBlock;
tb.Visibility = Visibility.Collapsed;
有没有办法用一个命令来做？这不起作用,但是这样的事情:
(TextBlock)mainGrid.FindName("FirstNameTextBlock").Visibility = Visibility.Collapsed;