Tag: 内容脚本

重写!重要的CSS或jQuery

(这是在Chrome扩展中使用内容脚本) 我需要覆盖一些CSS标签为!important CSS属性。 这可能吗? 例如,如果我想摆脱被标记为重要的边界: $(".someclass").css('border','none'); //does not work

Chrome扩展程序:从后台到内容脚本的sendMessage不起作用

我知道这个问题已经以不同的方式被多次提出,但是我试图通过所有的答案(希望我没有错过任何人),他们都没有为我工作。 这是我的扩展的代码: performance: { "name": "test", "version": "1.1", "background": { "scripts": ["contextMenus.js"] }, "permissions": ["tabs", "<all_urls>", "contextMenus"], "content_scripts" : [ { "matches" : [ "http://*/*" ], "js": ["jquery-1.8.3.js", "jquery-ui.js"], "css": [ "jquery-ui.css" ], "js": ["openDialog.js"] } ], "manifest_version": 2 } contextMenus.js function onClickHandler(info, tab) { if (info.menuItemId == "line1"){ alert("You have selected: " + info.selectionText); […]

Chrome扩展程序将外部JavaScript添加到当前页面的HTML

我通过我的Chrome扩展在页面的末尾添加了一些外部JavaScript。 然后外部JavaScript尝试将一些数据发回到服务器,但是这不是发生。 JavaScript想要获取当前页面和引用链接的URL并将其发送回服务器。 任何人都可以请指教我这里有什么问题,我怎么可能如果不可能这样我可以发布数据从当前页面回到服务器。 的manifest.json { "name": "Website Safety", "version": "1.0", "manifest_version": 2, "description": "The Website Safety Extension.", "browser_action": { "name": "View the website information for ", "default_icon": "icon.png", "default_popup": "popup.html" }, "permissions": [ "tabs", "http://*/*", "https://*/*" ], "background": { // "scripts": ["refresh.js"] "page": "background.html" }, "content_security_policy": "script-src 'self' https://ssl.google-analytics.com; object-src 'self'", //"background_page": "background.html" "content_scripts": […]

我的CSS没有通过我的内容脚本注入

任何人都可以向我解释这一点。 我正尝试使用带有Google扩展名的content_script将一个CSS文件注入到网页上,但是我的css文件从未被添加到网页中。 有人能告诉我我做错了什么,并帮我修复它吗? 谢谢 performance: { "name": "Extension", "version": "0", "description": "", "permissions": ["tabs", "http://*/*", "https://*/*", "file:///*/*"], "content_scripts": [ { "matches": [ "http://*/*", "https://*/*", "file:///*/*"], "css": ["myStyles.css"], "js": ["myScript.js"], "all_frames": true } ] } myStyles.css #test { margin: 0 10px; background: #fff; padding: 3px; color: #000; }

Chrome扩展程序:在内容脚本中访问localStorage

所以,我有一个选项页面,用户可以定义某些选项,并将其保存在localStorage: options.html 现在,我还有一个内容脚本需要获取options.html页面中定义的options.html ,但是当我尝试从内容脚本访问localStorage时,它不会从选项页面返回值。 如何让我的内容脚本从localStorage,选项页面甚至背景页面获取值?

Chrome扩展程序无法在YouTube上的浏览器导航中加载

假设我在YouTubevideo页面上加载了一个扩展程序。我注意到,当使用Chromebutton来回导航时,很可能无法加载扩展程序。 作为一个例子,我有2个文件,清单: { "name": "back forth", "version": "0.1", "manifest_version": 2, "description": "back forth", "permissions": ["storage", "*://www.youtube.com/watch*"], "content_scripts": [ { "matches": ["*://www.youtube.com/watch*"], "js": ["contentscript.js"] } ] } 和内容 alert("loaded"); 在来回导航时,警报并不总是显示出来。 我该如何克服这个问题,以便扩展每次都会加载?

Chrome扩展程序代码与内容脚本与注入的脚本

我试图让我的Chrome扩展程序在加载新页面时运行init()函数,但是我无法理解如何执行此操作。 据我所知,我需要在background.html中执行以下操作: 使用chrome.tabs.onUpdated.addListener()检查页面何时更改 使用chrome.tabs.executeScript来运行脚本。 这是我有的代码: //background.html chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) { chrome.tabs.executeScript(null, {code:"init();"}); }); //script.js function init() { alert("It works!"); } 我也想知道如果init()函数将有权访问其他JS文件中的其他function?

使用内容脚本将代码插入到页面上下文中

我正在学习如何创buildChrome扩展程序。 我刚刚开始开发一个YouTube的事件。 我想用它与YouTube的Flash播放器(后来我会尽量使其与HTML5兼容)。 manifest.json的: { "name": "MyExtension", "version": "1.0", "description": "Gotta catch Youtube events!", "permissions": ["tabs", "http://*/*"], "content_scripts" : [{ "matches" : [ "www.youtube.com/*"], "js" : ["myScript.js"] }] } myScript.js: function state() { console.log("State Changed!"); } var player = document.getElementById("movie_player"); player.addEventListener("onStateChange", "state"); console.log("Started!"); 问题是控制台给了我“开始!” ,但是没有“国家改变!” 当我玩/暂停YouTubevideo。 当这个代码被放在控制台,它的工作。 我究竟做错了什么?