Tag: 谷歌浏览器

Keydown哪个不能正常使用Chrome扩展程序

我一直在努力解决谷歌扩展的问题,你一直是我最后的希望! :)) 好吧,我想点击我的chrome扩展程序上的按钮,这将导致页面扩展程序上的keydown模拟正在运行。 我认为chrome在我的想法上有一些安全问题,它会阻止键盘模拟(使事件isTrusted:false)并删除哪个属性。 我写的函数在jsfiddle上工作正常,但看起来chrome扩展以不同的方式完成它。 这是内容脚本文件: chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) { if(request.action == “scrollToTop”){ } else if(request.action == “scrollToBottom”){ } else if(request.action == “enter”){ triggerKeyboardEvent(document,13); } function triggerKeyboardEvent(el, keyCode){ var event = new Event(“keydown”, {“bubbles”:true, “cancelable”:true}); event.which = keyCode; el.dispatchEvent(event); } }); chrome.runtime.sendMessage({action : “show”}); 登录jsFiddle写道: Event {isTrusted: false, which: 13} 登录网站: document.addEventListener(‘keydown’,function (e) { […]

打印页面作为弹出窗口不适用于在Mozilla和IE上工作的chrome

我正在尝试将页面打印为弹出窗口。 对于Mozilla和IE,它的工作但在chrome上会出现一个弹出窗口,但它会显示“打印预览失败”。 plunker链接是 http://plnkr.co/edit/bP9l1c0A372JYd9P6BDt?p=preview 和javascript的一部分是 – function PrintElem(elem) { console.log($(elem).html()) Popup($( elem).html()); } function Popup(data) { var printContent = data; var disp_setting=”toolbar=no,location=no,directories=no,menubar=no, scrollbars=no,width=600, height=800″ var myWindow = window.open(“”,””,disp_setting); myWindow.document.write(printContent); myWindow.document.close(); myWindow.focus(); myWindow.print(); myWindow.close(); return true; } 不确定为什么Chrome对我的脚本不满意。

Chrome中select / options的jQuery事件委派

我正在尝试将简单的单击事件绑定到下拉列表的选定选项。 $(‘select#myselect’).delegate(‘:selected’, ‘click’, function() { alert(‘selected’); }); 此代码适用于Firefox,但不适用于Chrome / Safari。 我可以使用.delegate()为这样的下拉菜单绑定一个选项吗? 如果是这样,怎么样? 如果没有,最好的替代解决方案是什么? 顺便说一句, jQuery点击事件..使用.change()提供了一个潜在的解决方案,但我想尽可能使用.delegate()管理所有绑定。

文本框类的JQuery on Change事件在chrome中不起作用

我有一类文本框,并尝试将onChange事件附加到类。 下面的代码工作,我在Firefox中获得calData的输出,但在Chrome上不起作用 enter code here Week 1 – Week 2 – //Javascript var Test = { init: function(config) { this.bindEvents(); }, bindEvents: function() { this.config.clTest.on(‘change’,this.calData); }, calData: function(){ console.log(“calculating”); }, }; Test.init({ clTest: $(‘.test_class’), });

将变量传递给Chrome扩展程序中的徽章文本

我已经构建了一个扩展,它从页面上的div中获取一些信息并将其存储在名为“div”的变量中。 我现在需要将该值传递给我的background.js文件,以便我可以更新徽章以反映该变量中的文本。 我已经阅读了sendMessage信息,但每次我将代码行添加到我的页面时,它似乎打破了扩展,所以我肯定做错了。 这是没有setBadgeText信息的代码(当前正在运行)。 getQueue.js var myVar = null; setFunction(); function setFunction() { myVar = setInterval(function () {myTimer();}, 10000); } function myTimer() { var THRESHOLD = 0; var div = document.getElementById(“sessions_queued_now_row-000”); var num = parseInt(div.innerText); // Here is where I want to pass div to background.js to update the badge text if (num >= THRESHOLD) […]

onChange事件未在Chrome中的文本框中触发

我有以下代码绑定一些validation逻辑,当用户更新文本框的值时将触发。 我希望//Do some stuff here代码会在任何文本框被执行时失去焦点。 function RegisterHoursValidationHandlers() { $(‘.topic-frame-body input[type=text]’).live(‘change’, function () { //Do some stuff here }); } 这与我在IE,Firefox和Safari中的预期完全一样。 但是,事件永远不会在Chrome中发生,我不知道为什么。 更新:通过将’change’为’blur’我能够获得所需的效果。 虽然这仍然无法解释为什么它不会出现’change’ 。

使用AJAX检查PHP脚本的进度

session_start(); if(isset($_GET[‘progress’])){ $status_done = ‘0’; if($_SESSION[‘progress_percentage’] == “100”){ $status_done = ‘1’; } echo json_encode(array( ‘progress_percentage’ => $_SESSION[‘progress_percentage’], ‘progress_status’ => $_SESSION[‘progress_status’], ‘progress_done’ => $status_done ) ); } elseif(isset($_GET[‘dummytask’])){ for ($i = 1; $i <= 100; $i++) { $_SESSION['progress_percentage'] = $i; $_SESSION['progress_status'] = 'Checking the locks and stuffing the dolls!'; sleep(1); } } $(document).ready(function(){ var timeout = […]

带有动态post的Facebook上的Chrome扩展程序

对不起,我觉得这篇文章可能存在,但我找不到。 也许我用错了字。 我正在制作Chrome扩展程序,查看Facebookpost并为他们做些什么。 我的内容脚本正确地获取post,但是当用户向下滚动时生成的新内容不会被捕获,因为它们稍后出现。 我尝试连接到一个ajaxComplete处理程序,但这不起作用( Chrome扩展Javascript来检测动态加载的内容 )我不确定我是否做错了或者这不是我想要的。 那么,如何在用户注意到之前检测这些新post并更改它们的内容? 任何提示都表示赞赏。 谢谢!

$(document).click()在chrome扩展中不起作用

我正在创建一个chrome插件,它显示了我在页面底部添加的div标签中的网页上单击的元素。 当我点击浏览器操作时,插件显示为我在底部设计的。 但是脚本中脚本的另一部分不起作用, 我真的很喜欢chrome -plugins,拜托他 的manifest.json { “name”: “Iframe”, “description”: “”, “version”: “1”, “manifest_version”: 2, “background”:{ “scripts”:[“background.js”] }, “browser_action”: { “default_title”: “Make this page red” }, “permissions”: [ “” ] } myscript.js var iframe = document.createElement(“iframe”); var div = document.createElement(“div”); div.setAttribute(“src”, “”); div.setAttribute(“style”, “position:fixed; z-index:10000;bottom:0px;left:0px; border:none; width:100%; height:100px; background-color:#ccc;border:#000 solid 3px;”); div.setAttribute(“scrolling”, “no”); div.setAttribute(“frameborder”, “0”); […]

检测Chrome浏览器是否启用了扩展程序

我正在为Wordpress编写一个小插件,我需要检测chrome扩展是否为“Enabled”。 目前我只能通过连接到其中一个资源来检测扩展是否“已安装”。但是,我需要检测安装是“已启用”还是“已禁用” 这可能吗? 谢谢你的时间。