Tag: 清单

Chrome扩展程序 – 查找所有打开的选项卡并执行所有脚本

在单击扩展按钮时尝试修改我的代码,它将在所有打开的选项卡上执行,而不是仅在活动选项卡上执行。 background.js chrome.browserAction.onClicked.addListener(function(tab) { chrome.tabs.executeScript(null, { file: “jquery-2.1.0.min.js” }, function() { chrome.tabs.executeScript(null, {file: “change.js”}); }); }); 的manifest.json { “manifest_version”: 2, “name”: “GSHOP”, “version”: “2”, “description”: “I do Stuff”, “background”: { “persistent”: false, “scripts”: [“jquery-2.1.0.min.js”, “background.js”] }, “browser_action”: { “name”: “Manipulate DOM”, “icons”: [“icon.png”], “default_icon”: “icon.png” }, “permissions”: [ “activeTab”, “tabs”, “http://*/*”, “https://*/*” ] } 我相信我有逻辑,我无法想象如何去做。 […]

Chrome扩展程序自定义光标

我构建了一个Google Chrome扩展程序,可以在网站中放置一些IMG标记。 这个img标签:hover必须显示一个自定义光标。 该扩展使用jQuery作为其注入的核心脚本。 我尝试了以下方法: 1。 var cursor = ‘url(‘+chrome.extension.getURL(‘icons/cursor.cur’)+’)’; $(‘#myImgId’).css({ ‘position’: ‘absolute’, ‘top’:’5px’, ‘left’:’5px’, ‘cursor’:cursor }); 这是最好的工作。 在较小的站点上,它显示光标。 在较慢的加载站点上它没有。 但在小网站上它有时会失败。 2。 var cursor = ‘url(‘+chrome.extension.getURL(‘icons/cursor.cur’)+’)’; $(‘#myImgId{cursor:’+cursor+’}’).appendTo(‘head’); 这什么都没做。 3。 在manifest.json中我注入了css。 “content_scripts”: [ { “matches”: [“http://*/*”], “css”: [“css/style.css”], “js”: [“j/c.js”, “j/s.js”] } css文件只有光标:url(icons / cursor.cur)因为我不知道,如何在css文件中获取真正的url。 这根本不起作用。 我认为它必须像这样工作,但我没有在code.google上找到这方面的参考。

在jQuery / HTML5应用程序中缓存大量图像

我正在jQuery / HTML5中构建一个Web应用程序,它将在触摸屏信息亭上的基于Webkit的浏览器中运行。 应用程序使用了大量(数千)个图像,我需要将其缓存到每个浏览器中。 起初我认为HTML5缓存清单是最好的选择(列出了数千个图像URL),但现在我想知道是否有更好的方法? 我也会考虑扩展/插件…… 提前致谢!

使用jQuery.ajax()无法使用AJAX从iOS设备中保存到主屏幕的AJAX访问清单缓存文件

我正在制作一个webapp。 它加载的一些文件包含纯静态.JSON数据。 我正在使用带有dataType的jQuery.ajax()(jQuery 1.5.2):’json’和cache:true。 一切正常,所有文件都已加载。 我还配置了缓存清单来缓存这些JSON文件(除了css,js和images)。 一切都运行良好 – 当用户访问我的网站时,我需要的所有文件都正确缓存(我有applicationCache事件处理程序,确认一切都很好)。 我已经测试了谷歌浏览器中的所有内容,我可以看到所有文件(包括JSON文件)都已缓存。 当我断开网络连接时,一切正常(jQuery ajax调用自动获取缓存的JSON文件)。 现在我试图在移动Safari上测试这个(在实际的iPad和iPhone模拟器上)。 在Safari中,一切都按预期工作 – 页面被缓存,并且在网络断开的后续访问中,使用缓存的文件。 但是,当我使用Safari中的“添加到主屏幕”将应用程序添加到主屏幕时,应用程序启动并且所有.js,.css和图像都正常工作,但我的Ajax调用没有! 他们不访问缓存的.json文件。 对于每个Ajax调用, XMLHttpRequest.status为0 , .statusText为error ,但getAllResponseHeaders()显示与Safari中的function应用程序相同(正确)的标头。 我不懂。 这是jQuery的.ajax()中的限制/错误还是什么? 任何帮助表示赞赏。

Chrome扩展错误正在加载Jquery

我正在处理chrome扩展,我的内容脚本抛出错误 $ / jQuery没有被定义。 所以我尝试使用我的清单文件嵌入jquery,并在我的扩展文件夹中下载了jquery,但无论出于何种原因我收到此错误 – 拒绝加载chrome-extension://gfdmfdmhnoenciioooikdifmdkechdbl/jquery-1.10.2.min.map 。 资源必须列在web_accessible_resources清单键中,以便由扩展名外的页面加载。 我用我的清单文件尝试了一些东西,但似乎没有任何工作,所以现在我尝试这个,它仍然给我错误 – { “manifest_version”: 2, “name”: “My Extension”, “version”: “0.0”, “offline_enabled”: false, “content_scripts”: [{ “matches”: [“*://*.sitedomain.com/*”], “js”: [ “jquery-1.10.2.min.js”, “content.js” ], “run_at”: “document_end”, “all_frames”: false }] } 我无法编辑它要使用的实际站点,所以我无法在标题中加载jquery旧方式,这就是为什么我试图加载扩展所以我的内容脚本将工作。 任何帮助表示赞赏。

将jQuery加载到chrome扩展中

我正在尝试进入Chrome扩展程序的神奇世界。 现在我已经构建了我的清单,试图加载jquery。 { “name”: “Test Extension”, “version”: “0.1”, “manifest_version”: 2, “description”: “First try”, “options_page”: “options.html”, “content_scripts”: [{ “matches”: [“chrome-extension://*/*”], “js”: [“jquery.js”, “popup.js”], “run_at”: “document_end” }], “browser_action”: { “default_icon”: “icon.png”, “default_popup”: “popup.html”, “default_title”: “Click me!” } } 实际上尝试重新加载扩展名告诉我“匹配”与有效架构不匹配。 但这不是全部。 为了克服它,我尝试将“匹配”值更改为*://*/*并重新加载。 好吧,扩展似乎正确加载但似乎没有加载jquery由于我可以从popup.js得到的错误,只是告诉我 未捕获的ReferenceError:$未定义 实际上HTML只是: Test Extension popup.js代码就是这样做的: $(“#test”).html(“Foo!”);