草庐IT

chrome插件

全部标签

javascript - 如何将 chrome.alarms 用于 Google Chrome 扩展

list.json{"manifest_version":2,"name":"Appname","description":"Descriptiongoeshere","version":"1.0","background":{"scripts":["background.js"]},"permissions":["tabs","alarms"],"browser_action":{"default_icon":"icon.png","default_popup":"popup.html"}}我试图创建一个函数,使弹出窗口每分钟都“很棒”,如下所示:chrome.alarms.onAl

javascript - 如何使用 jquery 验证插件验证名称中带点的输入字段?

我正在使用thisjqueryvalidationplugin验证对此无效,但如果我将名称更改为title-验证有效。我尝试搜索,但找不到一种方法来验证名称中带有.的字段。请帮忙更新脚本jQuery(document).ready(function(){jQuery("#contestform").validate({submitHandler:function(form){//returnfalse;//blockthedefaultsubmitaction},rules:{title:{required:true},link:{required:true},startdt:{req

javascript - 为什么 chrome 这么快?

我正在阅读this文章和Chrome似乎遥遥领先。但是为什么这么好呢?它只推出了大约一年,但比其他任何一个都要好得多。谁能从技术上阐明这一点? 最佳答案 “我们经常被问到是什么让GoogleChrome浏览器如此之快——从其快速的启动时间和快速的页面加载,到快速运行复杂的网络应用程序的能力。来回顾一些思考过程和关于使GoogleChrome成为快速浏览器所涉及的技术决策,我们汇总了三个关于DNS预解析、V8JavaScript引擎和DOM绑定(bind)的技术访谈。在以后的文章中,我们还将涵盖其他重要领域,例如WebKit和用户界面

javascript - html5 视频 "ended"事件在 chrome 和 IE 中不起作用

我在一个页面上有两个按钮,它们触发两个函数来播放两个html5视频,隐藏和显示一些元素(包括它们自己),并在结束时调用另一个简单的函数(这会导致视频转到第一帧并暂停,以使效果正常工作)。$('#rotate').click(functionrotate(){$('#rotate').hide();$('#front_view').css('z-index','2');$('#back_view').css('z-index','3');//thisisthevideo:$('#body_animation').trigger("play").show().bind('ended',fu

javascript - 使用 VS2012 JavaScript 调试 Chrome(类似 IE)

借助VS2012和IE9,我可以在VS2012中使用VS2012JavaScript调试器(类似于C#,..)。当我将浏览器切换到Chrome时,我失去了这样做的能力。我可以切换到Chrome内部调试器。但是,有没有办法在VS2012(类似于IE)下使用Chrome进行调试?示例:断点在IE中命中,但在Chrome浏览器中未命中。备注:DebuggingWebsiteswithGoogleChrome不重复这是关于.net调试的。我没有使用任何ASP.net,仅使用JavaScript 最佳答案 不,从VS调试Chrome中的JS是

javascript - jQuery 插件 - 如何添加/绑定(bind)事件

好的,这是我第一次尝试创建jQuery插件,所以我目前正在结束教程。到此为止(function($){$.tippedOff=function(selector,settings){varconfig={'top':0,'left':0,'wait':3000};if(settings){$.extend(config,settings);}var$elem=$(selector);if($elem.length>0){$elem.each(function(){$(this).css({"color":"#F00"});})}returnthis;};})(jQuery);这适用于更

javascript - Google Chrome 中的开发者工具未显示

我刚转到Windows10。并安装最新版本的谷歌浏览器。但是每当我尝试访问开发人员的工具时,它什么也没有显示。我试过了,1)右键单击+检查元素。2)F12。3)Googlechrome右上角选项卡+更多工具+开发者工具。但他们都没有工作。请帮忙.....我不知道缺少什么。 最佳答案 我遇到了同样的问题,但在我的场景中,我使用的是具有一些复杂显示设置的虚拟机。这里的过程在其他情况下对我有用:您应该会在屏幕底部的Windows栏中看到该进程。当您点击它时,什么也没有显示。带回视口(viewport)如果上述条件适用,则窗口只是显示在显示

javascript - 如何让仅使用 jQuery 的 DIV 垂直调整大小 - 没有插件?

编辑:我将这段代码放在jsbin中:http://jsbin.com/eneru我试图让用户使用jQuery调整(仅垂直)DIV元素的大小。我阅读了有关jQueryUI的信息,并进行了尝试,几分钟后,我就可以使用它了。但是库增加了大约25KB的开销,我想避免,因为我只想要简单的垂直调整大小。所以我试着自己做。这是HTML,为了清晰起见,我使用内联样式:Loremipsumblahblah如您所见,DIV元素下方有一个小条,因此用户可以向上或向下拖动它来调整DIV的大小。这是Javascript代码(使用jQuery):$(document).ready(function(){varre

javascript - 从 chrome.contextMenus.onClicked 监听器中获取当前 URL

我正在创建我的第一个Chrome扩展程序,我需要一些帮助。我认为一切正常,除了我无法获取选项卡的当前URL。varmenu=chrome.contextMenus.create({"title":"extension","contexts":["all"]});chrome.tabs.query({'active':true,'lastFocusedWindow':true},function(tabs){varsiteUrl=tabs[0].url;});chrome.contextMenus.onClicked.addListener(function(activeTab){chr

javascript - Chrome 操作系统,通过 Chrome 扩展程序快速判断是否有互联网连接?

我正在尝试编写一个扩展程序来缓存页面内容以供离线阅读。如果用户在离线时激活扩展的弹出窗口,我想显示缓存的内容。目前,我在想我可以发出一个ajax请求并等待它是否失败,但如果chromeAPI中有一部分可以让我更快地执行此操作,那将是理想的。我进行了一些谷歌搜索,但没有发现任何问题。 最佳答案 if(navigator.onLine){//Online}else{//Offline}它还支持事件监听器。https://developer.mozilla.org/en/Online_and_offline_events