Tag: 谷歌浏览器

jquery one（）在chrome中无法正常工作

我试图翻译一个p标签，在转换结束后，通过Jquery one（）函数将字体大小增加6，但它在google-chrome中工作了2次 CSS p { background: red; -webkit-transition: transform 1s; /* For Safari 3.1 to 6.0 */ transition: transform 1s; } http://jsfiddle.net/7bdkr1yd/上的完整样本

Google Chrome扩展程序 – 需要帮助

我是谷歌Chrome扩展程序编码的新手，我有一些基本问题。 我想制作Chrome扩展程序，方案如下： -a弹出窗口，包含按钮和结果字段（popup.html） – 当单击一个按钮时，我想触发一个事件，这个事件应该连接到一个web服务器（我也制作servlet），并从服务器收集信息。 （XMLHttpRequest的（）） – 之后，我希望我的扩展程序将收集的信息加载到其中一个结果字段中。 简单，不是吗？ 但我有几个问题，一开始:(我开始开发阅读教程，但我对扩展的主要结构有雾。现在，我启动了一个应用程序，包含一个popup.html，manifest.json …在popup.html中有一个结果字段和一个按钮 Result here Click Me! 单击按钮时，我触发一个事件，使用jquery，代码在这里： $(document).ready(function(){ $(“#button”).click(function(){ $(“#intro”).text(“Hello, im added”); alert(“Clicked”); }); }); 这就是问题所在，在popup.html这不起作用，如果我将它加载到Chrome，没有任何反应。 否则，如果我在浏览器中打开popup.html，而不是作为扩展，一切正常。 所以，我认为我对扩展结构有基本的误解，从背景页面，背景javascript等开始.. :(任何人都可以帮助我吗？

jQuery，Chrome和“选定”属性exception

我在Chrome中遇到过一个问题我无法判断它是否是Chrome的错误，jQuery的错误或我的代码中的错误。 我正在使用Chromium搜索未解决的问题，并且无法使用jQuery找到任何内容。 我在这里创建了一个JSFiddle（并将包含以下代码用于后代）： http ： //jsfiddle.net/trmackenzie/cvPhd/4/ 预期：当我单击单选按钮时，将在选项列表中选择指示的值。 此外，如果单击列表中的特定选项，则取消选择所有单选按钮。 实际（适用于Windows和Mac的Chrome 21）：首次单击单选按钮时，仅选择了最后一个所需选项，然后后续点击不会导致任何操作。 如果选择列表中的特定选项，则仍会选中单选按钮。 实际（在IE7,8,9和Firefox中）：与预期行为相同，例如正确的行为。 请注意，选项上的“已选择”属性设置正确，但Chrome停止显示其状态。 这是jsFiddle中也可用的代码： Testing First Second Third Fourth Fifth Testing Testing Testing ​ jQuery： $(document).ready(function () { var columnList = $(‘#testList_box’); var columnSpecList = $(‘#columnSpecList’); var columnSpecOptions = $(‘input’, columnSpecList); $(columnSpecOptions).click(function () { var optionsToSelect = $(this).val().split(‘,’); // clear the list $(‘:selected’, columnList).removeProp(‘selected’); // […]

Chrome插件 – Contextmenu插入文字

我试图弄清楚如何在右键单击输入字段（可编辑）时插入预定义的字符串，通常我将使用文件get元素id。 但是，由于我无法确定用户点击的元素，在任何网站上如何进行此操作？ 到目前为止我有我的清单文件 “permissions”: [ “contextMenus”, “background”, “https://ajax.googleapis.com/” ], “background”: { “scripts”: [“scrippy.js”] } } （我还有其他所需的信息。） 和我的脚本文件 // Create context menu and set to only on inputs var type = [“editable”]; var scrippyMenu = chrome.contextMenus.create({“title”: “Scrippy”, “contexts”: type}); // menu context var menuContext = chrome.contextMenus.create({“title”: “blabla”, “parentId”: scrippyMenu, “contexts”: type}); var menuChild1 = chrome.contextMenus.create( {“title”: […]

chrome.runtime.sendMessage在Chrome扩展程序中无效

我正在尝试创建一个新的扩展。 我曾经能够使用chrome.runtime.sendMessage函数，但是现在，我已经尝试了所有内容，但它仍然无法将消息发送到后台脚本。 控制台将填充来自content-script.js的日志消息，但不会填充来自background.js的日志消息 内容的script.js console.log(“Hello World!s”); $(document).ready(function() { console.log(“DOM READY!”); $(document.documentElement).keydown(function (e) { console.log(“Key Has Been Pressed!”); chrome.runtime.sendMessage({Message: “getTextFile”}, function (response) { if (response.fileData) { alert(“Contents Of Text File = “); } else { console.log(“No Response Received”); } }) }) }); background.js console.log(“Atleast reached background.js”) chrome.runtime.onMessage.addListener ( function (request, sender, sendResponse) { console.log(“Reached Background.js”); if […]

jquery param替代javascript

我需要转换以下类型字典： {‘key1’: [‘value1’], ‘key2’: [‘value1’, ‘value2’]} to key1=value1&key2=…. 即发布数据表格。 我在chrome扩展中执行此操作，上面的formdata字典返回： chrome.webRequest.onBeforeRequest.addListener(function(details) { if(details.method==”POST”) // ajax call { message.postdata = details.requestBody.formData; } return {requestHeaders: details.requestHeaders}; }, {urls: [“”],types: [“main_frame”, “sub_frame”]}, [“blocking”, “requestBody”]); 我记得使用JQuery $ .params（）函数实现同样的目标。 如何在javascript中完成相同的操作。

Chrome开发工具：告诉我什么类型的事件附加到元素但是哪个文件？

在Chrome中，当我右键单击DOM元素以查看附加了哪些事件侦听器时，它总是说jquery.min.js：2。 但是，我想知道哪些JavaScript文件包含该侦听器（例如，单击事件侦听器）。 例如，哪个文件中包含此代码？ $(‘#clickMe’).on(‘click’, function(e){ //clicked});

使用Javascript / jQuery将焦点设置为嵌入式Flash影片/ HTML嵌入元素

有没有办法使用JavaScript将焦点设置为嵌入HTML元素？ 测试用例：在页面上嵌入YouTubevideo。 我无法控制嵌入式Flash元素。 那么，有没有办法只使用JavaScript来关注它？ 我在某地读过，调用element.focus（）方法仅适用于IE。 我需要一种独立于浏览器的方式，适用于Chrome / Firefox。 谢谢！

jQuery $ .ajax响应为空，但仅限Chrome

我已经用尽了所有研究方法来解决这个问题，所以希望其他人会想到我没有做过的事情。 相对简单的设置，我有一个带有一些javascript的html页面，它对URL（在同一个域中）发出ajax请求，后台的java web应用程序执行其操作并返回部分html页面（没有html，头部或正文）标签，只是内容）应插入页面中的特定点。 一切听起来都很简单，我在IE，Firefox和Safari中使用的代码，但在Chrome中却没有。 在Chrome中，目标元素最终为空，如果我查看Chromes开发人员工具中的资源请求，则响应内容也为空。 一切都非常令人困惑，我已经尝试了无数的东西来解决它，我只是出于想法。 任何帮助将不胜感激。 var container = $(‘#container’); $.ajax({ type: ‘GET’, url: ‘/path/to/local/url’, data: data(‘parameters=value&another=value2’), dataType: ‘html’, cache: false, beforeSend: requestBefore, complete: requestComplete, success: requestSuccess, error: requestError }); function data(parameters) { var dictionary = {}; var pairs = parameters.split(‘&’); for (var i = 0; i < pairs.length; i++) { var keyValuePair = […]

内容脚本中的监听器

让我解释一下我的问题。 我目前正在开发一个Google Chrome扩展程序，它会在每个网页中将工具栏注入iframe。 问题是我在某些情况下需要隐藏工具栏，重新显示它和类似的东西。 Basicelly我想把我的听众放在我的背景页面上，但它没用，因为这个页面不能图形化地操纵对象。 所以我的计划是将这个监听器放在content_script上（谁能用图形方式操作对象）。 但第二个问题是与背景页面相反的内容脚本不会一直执行，而只会执行一次。 所以我问自己是否有可能让内容脚本听起来像一个背景页面，通过在它上面放一个循环或类似的东西…… 提前致谢。 我试过这个： 的manifest.json { “background_page” : “background.html”, “browser_action” : { “default_icon” : “images/extension.png” //”popup” : “activateToolbar.html” }, “content_scripts”: [ { “all_frames”: true, “css”: [“css/yourtoolbar.css”], “js”: [“js/jquery.js”, “js/yourtoolbar.js”, “js/listener.js”], “matches”: [“http://*/*”], “run_at”: “document_end” } ], “permissions” : [“tabs”, “unlimitedStorage”, “http://*/*”, “notifications”], “name” : “YourToolbar”, “version” : “1.1”, “description” […]