Questions tagged «google-chrome-extension»

Google Chrome浏览器的扩展程序开发。您可以使用HTML，JavaScript和CSS等网络技术来编写它们。

3
Chrome扩展程序：在内容脚本中访问localStorage
我有一个选项页面，用户可以在其中定义某些选项，并将其保存在localStorage中： options.html 现在，我还有一个内容脚本，需要获取options.html页面中定义的选项，但是当我尝试从内容脚本访问localStorage时，它不会从选项页面返回值。 如何使我的内容脚本从localStorage，选项页面甚至后台页面获取值？
6
如何测试Chrome扩展程序？
有什么好方法吗？我正在编写一个扩展程序，它可以作为内容脚本与网站交互，并使用localstorage保存数据。是否可以使用任何工具，框架等来测试此行为？我意识到有一些通用的工具可以测试javascript，但是这些工具足以测试扩展吗？单元测试最重要，但是我也对其他类型的测试（例如集成测试）感兴趣。
5
是否可以在Chrome网络检查器的“网络”标签中隐藏扩展程序资源？
在Chrome Web检查器中查看页面的下载资源时，我还会看到某些扩展程序要求的HTML / JS / CSS。 在上面的示例中indicator.html，indicator.js和indicator.css实际上是Readability Chrome扩展程序的一部分，而不是我的应用程序的一部分。 在这种特殊情况下，这并不是什么大问题，但是在一个更复杂的页面上并安装了多个扩展程序后，它可能会变得很拥挤！ 我想知道是否有一种方法可以从此列表中滤除任何与扩展相关的资源（即使用该chrome-extension://协议的任何请求）。 有谁知道我怎么能做到这一点？
3
Chrome扩展程序消息传递：未发送响应
我正在尝试在内容脚本和扩展名之间传递消息 这是我的内容脚本 chrome.runtime.sendMessage({type: "getUrls"}, function(response) { console.log(response) }); 在后台脚本中 chrome.runtime.onMessage.addListener( function(request, sender, sendResponse) { if (request.type == "getUrls"){ getUrls(request, sender, sendResponse) } }); function getUrls(request, sender, sendResponse){ var resp = sendResponse; $.ajax({ url: "http://localhost:3000/urls", method: 'GET', success: function(d){ resp({urls: d}) } }); } 现在，如果我在getUrls函数中的ajax调用之前发送响应，则响应已成功发送，但是在ajax调用的成功方法中，当我发送响应时它不会发送响应，当我进入调试时，我可以看到该sendResponse函数代码中的端口为null 。
6
Chrome开发者工具：单独视图中的View Console和Sources视图/垂直平铺？
Chrome开发人员工具：有没有办法在单独的视图中查看Console标签和Sources标签？我经常想同时看这两个。 按Esc上，当Sources标签将让我看到的一个小视图Console在底部。但是我想同时看到两者的更大视角。这可能吗？ 如果不是，那么chrome扩展程序可以做到这一点吗？ 编辑： 澄清-我知道如何退出开发工具窗口（这是我的默认设置）。只是贪婪我猜，不知道我是否可以进一步拆分Sources和Console成单独停靠的窗口（或者至少是，他们的意见分裂垂直同一个窗口上，而非水平的迫切Esc呢）
5
如何在Chrome扩展程序中使用jQuery？
我正在写一个chrome扩展程序。我想jQuery在我的扩展程序中使用。我没有使用任何背景页面，只是一个背景脚本。 这是我的文件： manifest.json { "manifest_version": 2, "name": "Extension name", "description": "This extension does something,", "version": "0.1", "permissions": [ "activeTab" ], "browser_action": { "default_icon": "images/icon_128.png" }, "background": { "scripts": ["background.js"], "persistent": false }, "icons": { "16": "images/icon_16.png", "48": "images/icon_48.png", "128": "images/icon_128.png" } } 我的background.js文件只是运行另一个名为work.js // Respond to the click on extension …
3
Chrome扩展程序-获取DOM内容
我正在尝试从弹出窗口中访问activeTab DOM内容。这是我的清单： { "manifest_version": 2, "name": "Test", "description": "Test script", "version": "0.1", "permissions": [ "activeTab", "https://api.domain.com/" ], "background": { "scripts": ["background.js"], "persistent": false }, "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'", "browser_action": { "default_icon": "icon.png", "default_title": "Chrome Extension test", "default_popup": "index.html" } } 我真的很困惑，背景脚本（持久性事件页：false）还是content_scripts是可行的方法。我已经阅读了所有文档和其他SO帖子，但对我而言仍然没有意义。 有人可以解释为什么我可能会在另一个上使用。 这是我一直在尝试的background.js： chrome.extension.onMessage.addListener( function(request, sender, sendResponse) { …
14
从检查器导出CSS更改（Webkit，Firebug等）
使用CSS时，通常会在浏览器（例如Chrome）中进行测试，右键单击元素，单击检查元素，然后在此处编辑CSS。使用箭头键更改诸如边距和填充之类的内容使排列内容变得非常容易。 然后进行这些更改并将其应用到CSS文件并不难，但是如果我可以右键单击检查器中的选择器并选择“导出”或“复制”，并将其内容保存在我的工具中，那将很酷。剪贴板。 是否存在这样的东西？
8
Google Chrome扩展程序-无法使用CSS加载本地图像
我有一个简单的Chrome扩展程序，该扩展程序使用内容脚本功能来修改网站。更具体地说，background-image所述网站。 由于某些原因，即使扩展中打包了本地图像，我似乎也无法使用它。 body { background: #000 url('image.jpg') !important; background-repeat: repeat !important; } 就是这样，最简单的CSS ...但是它不起作用。浏览器不会加载图像。
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.