Tag: google chrome

点击事件不适用于Chrome浏览器中的html选择选项标记: 我想在选择选项标签上触发单击事件（而不是更改事件）。选择选项标记上的点击事件仅适用于Firefox浏览器而非谷歌浏览器。我花了很多时间来解决这个问题仍然没有成功。任何人都可以帮我解决这个问题。提前完成。

JQuery背景图像淡入淡出function会导致Chrome和Opera的CPU使用率过高: 我遇到了背景淡化脚本的问题。该function导致高CPU使用率（30-40％，在Intel i7-4810MQ上测试）。该问题仅出现在Chrome和Opera上。使用Firefox一切正常。这对我来说是一个很大的问题，因为当我的网站打开时，笔记本电脑开始加热，风扇越来越大。这是jsfiddle代码： http ： //jsfiddle.net/jwdu8mkq/4/ JS： $(document).ready(function() { var background = {}; background.num = 3; background.min = 1; background.max = 6; background.firstShow = true; background.swap = function() { var swapFirst = false; var swapSecond = false; if($(‘.background.img1’).attr(‘image-number’) == this.num) { $(‘.background.img1’).fadeOut(2000); swapSecond = true; } else if($(‘.background.img2’).attr(‘image-number’) == this.num) { […]

以编程方式在Chrome中打开上传文件对话框: 我input[type=file]并带有登录表单。所以在用户登录后 – 立即打开文件上传对话框。在我需要的所有浏览器（FF，IE10 +）中除谷歌Chrome之外，这个调用非常完美： $(‘input[type=file]’).click(); 要么 $(‘input[type=file]’)[0].click(); 要么 $(‘input[type=file]’).trigger(‘click’); 有人遇到过这个问题吗？如果是这样，如何在Chrome上实现这一目标？编辑1： https ： //developer.mozilla.org/en-US/docs/Web/API/HTMLElement.click这里支持它说我可以在输入[type = file]上使用它。此单击也正常工作，但只有当我实际点击某些内容时，才会点击我的输入（因此只有在物理点击后）。 Edit2：是的，我已经尝试过搜索function了。但是我发现的一切都很老了，而且几乎没有人告诉过，即便是FF也不支持这个（现在不是这样）。 Edit3：示例测试页面： http ： //jsfiddle.net/Ux3t4/

奇怪的chrome扩展问题：将iframe注入gmail: 问题：Chrome侧边栏很长一段时间，我想要一个Chrome扩展程序，将其他内容放在Gmail的边栏中，就像Remember the Milk Gmail扩展程序一样。看起来我并不孤单2但是Chrome开发人员使这个function比Firefox 3更难。在没有使用几个hacks和变通办法function之后，我使用了extensionizr和其他人的代码来编写我的第一个Chrome扩展程序。目的是让我有一个带有待办事项列表的侧边栏或我希望在我的Chrome标签中提供的任何iframe ，尤其是我的Gmail标签。问题：Gmail html网页中的iframe 我遇到的问题是使用https://todoist.com/作为我的iframe src，它适用于我尝试过的除Gmail之外的每个标签。需要注意的是：它适用于某些Gmail帐户，但不适用于其他帐户。我找不到会导致这种情况的任何差异。我已尝试禁用所有其他扩展程序，以防出现兼容性问题，但没有运气，即使所有内容都已激活，也可以在某些Gmail帐户中使用。我已经尝试禁用所有实验室并更改所有设置以匹配但仍然没有骰子。 SSL干扰的另一个角度（但有非常奇怪的症状）？我倾向于认为这是一个SSL问题，因为Gmail不喜欢将iframe与非HTTPS内容嵌入，但这没有意义，因为它适用于某些Gmail帐户，而不是其他帐户。任何想法，意见，建议都会非常感激，因为我是一个完全新手并完全陷入困境。更多信息，如果有帮助：当我编辑页面源时，除了html和body标签以及注入的iframe之外，我可以逐字删除Gmail页面中的所有内容，它仍然显示为空白，就像内容未被内容抓取一样iframe src首先以某种方式…… 附录第二个：a）记录网络数据，使用工作帐户通过GET请求从SSL站点成功提取数据。在非工作帐户上，没有提出任何请求。 b）即使我加载了Gmail，然后将DOM剥离为裸HTML和body标签，然后将iframe注入空白。源如下，但没有请求，加载或显示内容。 wtactualf？

Chrome动画的超时问题: 我在jQuery中用autplay编写了一个简单的Slider。如果启用了自动播放，则设置指向函数的setTimeout。然后，此函数对其自身具有递归setTimeout。一切正常，除了Chrome。在我更换了标签后，等待一段时间然后返回，滑块就吓坏了。看起来有多个超时活动实例……但是由于我将超时指定给同一个变量，所以情况并非如此。一些相关代码： var timer; function autoplay() { currentPosition++; if(currentPosition == numberOfSlides) { // last slide currentPosition = 0; } manageNavigation(currentPosition); // Hide / show controls manageControls(currentPosition); // animate the slides slideshowAnimate(); // set timer if(autoplay_enable) { //clearTimeout(timer); timer = setTimeout(function() { autoplay() }, interval*1000) } } function setTimer() { if(autoplay_enable) […]

为什么将字符串日期转换为日期javascript无法在chrome中运行？: 我的代码是这样的： var createDate = ‘2016-07-12 09:09:38’; createDate = createDate.replace(” “, “T”); createDate = new Date(createDate); console.log(createDate); 在Firefox中： Date {Tue Jul 12 2016 09:09:38 GMT+0700 (SE Asia Standard Time)} 在Chrome中： Tue Jul 12 2016 16:09:38 GMT+0700 (SE Asia Standard Time) 为什么铬的结果有所不同？

在移动铬和safari中看不见的元素: 在此页面中，在通过jQuery应用类之后，＃searchInput元素是不可见的。我检查了它的可见性没有隐藏，它的不透明度不是0，它的显示不是没有。我知道元素存在，因为当我将鼠标hover在开发工具中的代码上时，我会看到它的填充和边距。这种情况发生在移动Chrome和Safari中，但不适用于桌面Chrome和Safari。可以使用chrome dev工具复制桌面chrome中的问题来模拟移动设备。以下是如何复制问题：转到此页面： https ： //googledrive.com/host/0BwJVaMrY8QdcMlJSU1J4RmZlSXc/KE_home.html 向下滚动，以便不再显示标题向上滚动，但不够，以便标题重新进入视图。应该使用.stickySearch类，它将被固定，并在桌面和移动设备中固定页面顶部; 但是，在移动设备中，它是看不见的。这是添加类的JS代码： var lastScrollTop = 0; $(window).scroll(function(){ var st = $(this).scrollTop(); if(st235) $(‘#searchInput’).removeClass(‘slideBack’).addClass(‘stickySearch’); else $(‘#searchInput’).removeClass(‘stickySearch’).addClass(‘slideBack’); } else $(‘#searchInput’).removeClass(‘stickySearch’).removeClass(‘slideBack’); lastScrollTop = st; .slideBack没有与之关联的样式，买.stickySearch会： .stickySearch{ width:60% !important; position:fixed !important; left:0; right:0; top:32px !important; } @media only screen and (max-width:678px){ .stickySearch{ width:65% !important; } […]

AJAX标题（Firefox与Chrome）: 我遇到了一个涉及AJAX调用的有趣情况，并想知道是否有人可以提供某种解释。 1. $.ajax({ 2. type: “POST”, 3. headers: { 4. “Content-Type”: “application/json” 5. “authToken”: //auth token 6. }, 7. url: “/api”, 8. data: JSON.stringify(dataFormValues) 9. }) 10. .done(function(data) { 11. //do the next thing 12. }) 13. .error(function(data) { 14. //show error message 15. }); 这很有效，直到我们在Firefox中测试。显然，如果没有将第4行修改为以下内容，这将无法在Firefox中运行： …. 4. “Content-Type”: “application/json;charset=utf-8” …. 然后，一旦转向Internet Explorer（IE 11）中的测试，我注意到它甚至不关心标题是什么; […]

Chrome 37+模式对话框returnValue的解决方法: 我有一个父调用者页面和一个模态页面，当模态页面关闭时，调用者页面从弹出模式页面获得一个returnValue。即使是旧版本Chrome的showModalDialog()总是返回undefined，有很多变通办法[ javascript – showModalDialog在Chrome中没有返回值。但是现在Chrome37 +中的window.showModalDialog（）已被设计弃用[ http://blog.chromium.org/2014/07/disabling-showmodaldialog.html] ，那些获取弹出窗口的returnValue的变通办法不再适用。比我尝试过window.open() ，但window.open的行为与showModalDialog完全不同，并且它不容易获得正确的returnValue（因为window.open()是异步的）。那么有一个完美的解决方法吗？

javascript的onClick事件无法在移动设备中运行: 在我的JSP页面中，我使用的是onkeypress=”return event.charCode >= 48 && event.charCode <= 57 "以仅允许数字。它与网站浏览器一起工作正常。好吧，它在移动设备浏览器（谷歌浏览器）中不受支持。我已经启用了javascript来执行。我尝试了这个答案，但没有任何反应。我有另一个问题，它将计算value in input tag的值，如果该值大于4999，它将显示另一个输入标签，它也不能在移动设备中工作。我该如何解决这个问题？这是代码，第一个输入值的按钮，仅接受数字值 = 48 && event.charCode 隐藏按钮，当值大于4999时显示脚本文件 function showFile() { var choice = document.getElementById(‘upload’).value; if (choice > 4999) { document.getElementById(‘openfile’).style.display = ‘block’; } else { document.getElementById(‘openfile’).style.display = ‘none’; } }