草庐IT

chrome-developer-tools

全部标签

javascript - google-chrome 中的 XMLHttpRequest 不报告进度事件

大家好,我有这段代码:functiontest(){req=newXMLHttpRequest();req.upload.addEventListener("progress",updateProgress,false);req.addEventListener("readystatechange",updateProgress,false);req.addEventListener("error",uploadFailed,false);req.addEventListener("abort",uploadCanceled,false);vardata=generateRandomD

javascript - XHR/setTimeout/Promise 在 Chrome 中停止滚动之前不会完成

在Chrome中,如果用户正在滚动所有XHR,setTimeouts将被延迟,直到滚动停止,我需要一个解决方法来解决这个问题。thisblogpost中描述了该行为.尽管此功能有助于移动滚动,但对于无限滚动来说却是灾难性的,这正是我正在尝试做的。这正在发生的证据:所有其他浏览器工作正常,Chrome显示空白屏幕,直到用户停止滚动。网络面板会将所有请求显示为pending,直到滚动结束,然后它们立即全部完成。将它放在一个片段中,运行它然后立即开始滚动。直到滚动完成后才会调用setTimeout。varp=newPromise(function(resolve){setTimeout(fu

javascript - 在 Chrome Dev Tools 中停用和禁用断点有什么区别

Chrome(版本23.0.1271.101)。我在OSX上,如果这很重要的话。为什么Chrome可以禁用和/或停用断点?是否有一些我不知道的用电情况?我已经注意到我可以禁用一些断点,然后停用所有断点。重新激活它们后,相同的已禁用的将被禁用。除此之外,拥有这两个选项的目的是什么? 最佳答案 DeactivateBreakpoints关闭断点功能。DisableAllBreakpoints是将每个断点标记为已禁用的快捷方式。当您比较启用所有断点和激活断点时,差异会变得更加明显。可以通过每个断点旁边的复选框启用或禁用各个断点。Disab

javascript - 更改浏览器选项卡会意外触发焦点事件,尤其是在 Google Chrome 中

我刚刚发现焦点事件有点问题。显然,焦点在切换到另一个浏览器选项卡然后再返回时触发。我宁愿不要发生这种情况;可能吗?直到今天我才意识到这一点。这是一个小演示:http://jsfiddle.net/MJ6qb/1/vartimes=0;$('input').on('focus',function(){times++;$(this).after('Focused'+times+'times');});重现:关注输入,然后切换浏览器选项卡,然后切换回来。当您切换回标签页时,所有浏览器似乎都会触发焦点事件,GoogleChrome19会触发两次!理想情况下,该函数根本不应在切换浏览器选项卡时运

javascript - 检查用户是否已经将 PWA 安装到 Chrome 的主屏幕?

我正在尝试在我的渐进式网络应用程序上创建一个“添加到主屏幕”按钮,如Chrome'sdocumentation中所述.我通常遵循规定的模式,我有一些隐藏按钮,当Chrome的beforeinstallprompt事件触发时显示。一旦事件触发,我就捕获该事件,然后在单击我自己的安装按钮后使用该事件开始native安装对话。示例代码如下:letdeferredPrompt;window.addEventListener('beforeinstallprompt',(e)=>{//PreventChrome67andearlierfromautomaticallyshowingtheprom

javascript - 为什么我总是从 Chrome 获得 "Uncaught SyntaxError: Unexpected token u "?

我为此花了一整天的时间,在谷歌上搜索并寻找答案,但仍然无法弄清楚。我的代码有点长,它在Firefox中运行良好,但从Chrome获取“UncaughtSyntaxError:Unexpectedtokenu”。谁能指出我错在哪里?提前致谢!//whenthepageloads,listallthecurrentcontacts$(document).ready(function(){//checkiflocalStoragedatabaseexistsif(!localStorage.getItem("customerDatabase")){//defineaJSONobjecttoh

javascript - Chrome 开发工具 - 将网络资源映射到本地文件不起作用

本地文件映射开发工具是否可以替代Firefox中的Charles代理?我正在尝试将一个远程服务器资源映射到一个本地文件,但它似乎不起作用。当我重新加载页面时,控制台语句和JS文件中的更改似乎没有应用。我可以看到源文件夹中列出的本地文件夹和文件。另外,请参阅源代码不显示原始JS文件。但是我在本地文件的源选项卡中看到了这条消息。工作区映射不匹配警告的其余部分指出本地文件夹中的文件与远程加载的文件不同。为什么这是个问题,不是总是这样吗,因为您想在本地编辑文件?我错过了什么?任何解决这个问题的指示?我的假设是否错误,Chrome开发工具中的此功能可以允许在本地加载资源,就好像它是从原始位置加载

javascript - 加载 gif 图像未在 IE 和 chrome 中显示

我正在使用JQueryajax调用向服务器发送同步调用,并希望显示当时的加载图像。但加载图像在Firefox中可见,但在IE和chrome中不可见。当我调试时,我发现在IE中,当我们调用java脚本时,它停止显示浏览器中的更改,因为它停止了DOM,当调用完成时,它会显示所有更改。由于我在ajax调用时显示加载图像并在完成调用后将其删除,因此IE不显示任何图像。但是当我使用警告框时,它会在IE中显示加载图像,因为它会停止线程直到我们响应它。是否有任何方法可以停止java脚本执行一毫秒,以便IE执行停止并显示加载图像。我已经尝试过ajaxSend、ajaxComplete、ajaxStar

javascript - Google PlusOne Button 在 Chrome 上有错误

GooglePlusOne在Chrome上有错误:UncaughtReferenceError:iframesisnotdefinedfastbutton:19UncaughtReferenceError:iframesisnotdefinedfastbutton:19UncaughtTypeError:Cannotreadproperty'plusones'ofundefined(program):66UncaughtTypeError:Object#hasnomethod'hefn'fastbutton:16[不太]有趣的部分是它可以在IE和FireFox上运行。我还应该补充一点,

javascript - 如何在 chrome 开发工具中使用对象扩展语法

我开始使用对象传播语法在遵循不变性原则的同时安全地制作对象的副本。我想在chrome开发者控制台中使用它——如何做到这一点: 最佳答案 您可以启用javascript实验标志:chrome://flags/#enable-javascript-harmony使网页能够使用实验性JavaScript功能,包括Rest/Spread。 关于javascript-如何在chrome开发工具中使用对象扩展语法,我们在StackOverflow上找到一个类似的问题: h