Tag: 浏览器

如何在调试模式下在浏览器中动态修改javascript代码？: 我想使用一些IDE，它允许我动态更改javaScript代码并在浏览器中运行它。我不认为我能在Firebug中做到这一点。我应该使用哪个IDE /软件进行JavaScript开发？

jQuery FadeIn在移动Chrome Android中无法正常运行: 首先，这是工作演示： http ： //desainwebsite.com/marux-demo2 我想要实现的非常简单：当我点击菜单按钮时，菜单显示，这个半半透明的黑色背景淡入。当我点击半半透明的黑色背景时，菜单关闭，此背景淡出。单击菜单按钮时，这是我的代码： $(“.mnav-toggle”).click(function(e) { $(“.black-overlay”).fadeIn(); $(“.mobile-nav”).animate({“left”:0}); e.preventDefault(); }); 这是在背景点击时 function closeMenu() { $(“.black-overlay”).fadeOut(); $(“.mobile-nav”).animate({“left”:”-200px”}); } $(“.black-overlay”).click(function(e) { closeMenu(); e.preventDefault(); }); 此代码适用于许多移动浏览器，但不适用于移动Chrome Android。错误是：黑色背景淡出后没有显示。尝试单击菜单按钮一次，然后关闭菜单（单击背景）。然后再次打开菜单（单击菜单）。在Android Chrome中，背景保持隐藏，但它仍然存在，因为它仍然可以点击。 iOS中的Chrome没有此错误。我也试过Android for Firefox，它正在运行。代码中有错误吗？请帮我。提前致谢！编辑：哦，当我更改fadeIn（）/ Out（）以简单地隐藏（）和show（）时，它正在工作。所以问题必须是关于这种衰落的function。 EDIT2：我可以将fadeIn（）更改为show（），但保留fadeOut函数并且它正在工作！所以主要的罪魁祸首是fadeIn（）函数我猜。

“onwheel”和“onscroll”事件之间有什么区别？: 当我尝试更改默认滚动条属性时，我发现通过重写scroll()或onscroll事件的回调函数不方便，相反，我应该为“onwheel”事件重写一个回调函数。那么onwheel和onscroll之间的区别是什么呢？我想通过浏览器默认的onwheel处理程序会自动触发onscroll函数来移动滚动条，这就是为什么在onwheel的回调中preventDefault会阻止滚动条移动的原因。我对吗？谁有更好，更具体的解释？

在继续执行javascript之前，我可以强制浏览器呈现DOM更改吗？: 我正在填充一个包含大约500行的表，这需要浏览器几秒钟来呈现，而它看起来是冻结的。这就是为什么我要显示一条要求用户耐心的消息： $.ajax({ url: ‘{{ search_url }}’, success: function (response) { $(‘#progress’).text(‘Rendering results, please wait…’); clear_table(); populate_table(response); } }); 消息未显示 – 显然浏览器（在Chrome 23中测试）缓冲所有DOM更改并一次性呈现它们。作为一种解决方法，我发现当我延迟填充表直到执行回到事件循环时，实际显示消息： $.ajax({ url: ‘{{ search_url }}’, success: function (response) { $(‘#progress’).text(‘Rendering results, please wait…’); window.setTimeout(function () { clear_table(); populate_table(response); }, 0); } }); 我想知道这种方法是否会一直有效，或者是否有更好的技术。

触摸事件不能与ipad上的叠加div的z-index一起使用: 我使用video标签显示video，如果用户暂停video我使用div显示video标签顶部的一些选项，所有点击事件和z-index在桌面上的所有浏览器上都能正常工作，但有些我怎么没找到iPad的解决方案，即使我已经以编程方式更改了css但是在iPad上没有运气的情况下，即时播放器和div z-index总是变得自动 $(“#video_screen”).bind(“pause”,function(){ $(“#video_screen”).css(“z-index”,”-1″); $(“#videoOptionsDiv”).show(); alert(“Seek Time:”+$(“video”).attr(“currentTime”)+” ms”); $(“#notif”).slideDown(“fast”); alert(“video “+$(“#video_screen”).css(“z-index”)); alert(“optionaction “+$(“#optionActions”).css(“z-index”)); }); 这是我的代码，仅适用于桌面浏览器

使用jQuery检测浏览器: 我正在开发一个页面，需要检测正在使用的浏览器（Chrome，Firefox，IE，Safari，Opera），并相应地设置一个标志值，从1到5，我想用它来改变我的图像标签的来源（基本上我想根据当前使用的浏览器显示图标图像。我需要使用jQuery。我最初的选择是js，但我想这并不是一个非常可靠的选择，因为有些用户在浏览时关闭了脚本，并且可以在设置中修改浏览器的用户代理，例如Opera。如果我错了，请纠正我。有人可以帮我提供代码吗？编辑：我再次提出这个问题的原因是，其他重复的问题是关于最佳实践以及使用$ .support vs $ .browser进行检测，但据我所知，$ .support仅检查不透明度支持。是否能够准确指出正在使用哪个浏览器？我显示相应徽标的任务非常具体，只需要检查浏览器名称（甚至不是版本）。我怎么能做到这一点？

IE是唯一不允许Flash对象操作的浏览器（或版本）吗？: 我已经尝试了多种方法通过Javascript编辑Flash对象/嵌入，它似乎可以在除了IE之外的所有内容中工作，所以我正在考虑将IE推出这个应用程序的窗口，除非有其他浏览器的旧版+使用版本也不允许你编辑对象。一个例子是： document.getElementById(divID).innerHTML = ”; 或者在jquery var params = ” + ” + ” + ” + $(“#objectPlayer”).html(params); 如果所有其他现代浏览器及其最常用的版本都支持这种编辑，那么我将废弃IE。在我遇到SWFObject JS框架之前，我不打算为浏览器添加一个巨大的框架，我认为它不会包含我的人口统计数据。的jsfiddle 这是我创建的JSFiddle的链接。它适用于所有浏览器，但IE8

通过在Chrome中滚动父窗口来阻止iframe中的location.hash: 场景：我正在构建一个在Chrome中运行的自助服务终端应用。在其中我通过带锚的链接（http：/www.whatever.com/#specific_content）将来自另一个域的iframe加载到模态中。问题：加载该内容时，iframe会跳转到#specific_content，但父页面也会跳转。这是一个单页自助服务终端应用程序，因此父页面的位置非常重要。场景的实际细节比上面的更复杂：要禁止在应用程序中滚动我有身体{overflow：hidden;} 为了允许定位，我使用一个设置为视口大小的包装容器。为了模拟滚动，我要么绝对地重新定位包装器，要么绝对地在包装器中定位内容。为了演示这个问题，我已经设置了一个jsFiddle，但你需要看看没有jsFiddle chrome的输出，看看问题的全部范围：步骤1）单击“链接到内容”，这将重新定位包装器步骤2）点击“链接加载”，这将加载iFrame内容演示： http ： //jsfiddle.net/w47GT/8/embedded/result/ 小提琴： http ： //jsfiddle.net/w47GT/8/ 代码： CSS： html, body { height:100%; padding:0; margin: 0;overflow:hidden; } .background { width : 100%; height:400%; background:#333 url(‘http://sofzh.miximages.com/javascript/runner-at-sunset.jpg’); } .wrapper { position:absolute;width:100%;height:200%; } iframe { width:50%;height:50%;position:fixed;top:25%;left:50%;margin-left:-25%;border:2px solid red;background-color:#ddd; } .link { width:100%;height:25px;position:absolute;top:25px;background-color:green; } […]

检测两年以上的浏览器: 这适用于拥有约10,000名用户的私人公司站点。我已经看到了浏览器检测方面的一些努力，但浏览器时代没有，有没有人对此有所了解？相关项目： http://fresh-browsers.com/en https://github.com/Groozly/Fresh-Browsers http://jquery.thewikies.com/browser/ 到目前为止，我一直在考虑客户端，但如果有任何服务器端选项，我也会对此持开放态度。不想刮伤网站。他们正在寻求升级浏览器，目前希望放弃对超过两年的浏览器的支持

同步Ajax请求“锁定”浏览器: 我有几个jQuery Ajax请求，它们必须是同步的，但它们会一直锁定/冻结浏览器，直到收到响应。我的主要问题是，在收到响应之前，我必须显示旋转图标，但由于冻结，微调器不会显示，即使它奇迹般地没有动画。这是显示微调器并发送请求的事件： $(document).on(‘click’, ‘#open-button’, function () { var input = “some text”; var wrapper = $(‘#wrapperWindow’); wrapper.children().animate({ opacity: 0 }, 500); wrapper.children().remove(); wrapper.append(”); var spinner = $(‘#loading-spinner’); spinner.css({ backgroundImage: ‘url(“img/loading.gif”)’, opacity: 0 }); spinner.show(); spinner.animate({ opacity: 1 }, 500); var dataForTab = requestData(input); // 0) { //do stuff } }); 请求： function requestData(input) […]