Tag: 谷歌浏览器

“document.ready（）”函数未在Chrome Mobile上启动（android）

我在标签之前调用了jQuery-2.1.4.min.js，但是当我写下这样的东西时： jQuery(document).ready(function() { alert(‘hi, world.’); }); 在我的电脑上它当然是被解雇了，但在十个不同的Android设备上却没有。 这纯粹是HTML / CSS / jQuery呈现的网站（没有手机间隙或任何东西）。 我的目标是让一个按钮在被点击后执行ajax请求，但我甚至无法测试，因为.ready（）函数根本没有在移动chrome上触发。 jQuery是从官方CDN提供的，任何帮助都将非常感谢。 尝试了两个： $(function() { alert(‘hi, world.’); }); 和 jQuery(document).ready(function() { alert(‘hi, world.’); }); 一样。 建议我也尝试过： window.onload = function() { if (window.jQuery) { alert(‘jQuery is loaded’); } else { alert(‘jQuery is not loaded’); } } 它警告’jQuery已加载’。 根据jQuery文档，它说：“$（文档）.ready（）中包含的代码只有在页面文档对象模型（DOM）准备好执行JavaScript代码时才会运行” – 这意味着DOM还没有为JavaScript做好准备要执行的代码？ 但是，当我尝试： alert(‘hi world’); 它在移动Chrome上执行。

如何在chrome中的dev工具中访问js-file / lib时设置断点？

是否可以在调试时获取断点，以便每次访问某个类时它都会停止 ，否则它会正常运行。 这是一个非常常见的用例，当一个人不想停止在jquery函数或其他常见的libs函数上，并希望保留在特定的js文件上，但不知道什么可以解决bug，所以一个人不要我想明确地在js文件的每一行上设置一个断点来捕获该文件的所有访问 。 Chrome DevTools是否有针对该调试function的选项？ 更新： 或者也许有另一种方法可以通过忽略整个库（如jquery）来获得类似的function，如果应该有一个断点，那么只有其他文件才会被调试器处理？ 对于这个案子来说，这仍然不是最好的解决方案，但无论如何都要节省很多时间。 UPDATE2： 第二种方法在这里描述，但我有Chrome 26，遗憾的是在接下来的一两个月内无法更新它，所以此function现在对我的浏览器不起作用。

同步AJAX调用之前的代码在Chrome中冻结

我想在执行同步AJAX调用时将按钮更改为加载状态。 除了jQuery代码（在Chrome中），将按钮更改为加载状态冻结，直到AJAX调用完成。 因此，在de ajax调用后，加载状态将显示1 ms。 我在JSFiddle中创建了一个示例来检查它。 （签入Chrome） http://jsfiddle.net/b8w9hf01/ $(‘.button’).on(‘click’, function() { // change button text (DOESN’T SHOW) $(this).html(‘Loading..’).delay(10); // do async call $.ajax({ url: ‘http://echo.jsontest.com/insert-key-here/insert-value-here/key/value’, async: false, dataType: “json”, success: function(poResponse){ console.log(poResponse); } }); // change button text $(‘.button’).html(‘Done’); // put Click here back after a second, for repeation of the test setTimeout(function() { $(‘.button’).html(‘Click […]

未捕获的TypeError：无法设置null的属性’onchange’

我正在使用下拉列表来动态更改页面上的内容。 它工作但只在Chrome中抛出一个js错误。 Chrome推荐的内容我不知道如何实施。 Site是在ExpressionEngine 2.8.1中构建的。 在CHROME中的错误消息 未捕获的TypeError：无法设置null functions.js：65的属性’onchange’ 不推荐使用event.returnValue。 请改用标准的event.preventDefault（）。 我的JS代码 document.getElementById(“drop”).onchange = function() { if (this.selectedIndex!==0) { window.location.href = this.value; } }; 我的HTML代码 Select a Location: {exp:channel:entries channel=”locations” category=”not 3″ orderby=”title” sort=”asc” dynamic=”no”} {title} {/exp:channel:entries}

在子窗口上打开打印预览模式时，Google Chrome会阻止ajax请求（如何解决？）

问题： 在子窗口上打开打印预览模式时，Google Chrome会阻止ajax请求 细节： 我有一个网页 – ParentPage.html，其中包含指向子页面的链接 – PrintPage.html a href=”PrintPage.html” target=”_blank” 然后在我的PrintPage.html上我有调用window.print() JavaScript $(document).ready(function() { window.print(); } 如果用户在不关闭PrintPage.html上的打印模式的情况下转到ParentPage.html并单击某个触发Ajax调用的按钮，则会阻止它们直到关闭打印模式。 这应该是Google Chrome的一个已知问题，其他浏览器（IE，Firefox）也有类似的问题，但它们不会成为问题，因为它们根本不允许用户导航到当前打开的打印页面以外的其他选项卡。 我在这里找到了相关问题，但没有解决方案： 打开打印预览时，Chrome浏览器无法拨打服务器电话 在子窗口上打开打印预览时，Google Chrome会阻止ajax请求 最好不要阻止父窗口的Ajax。 我觉得这可能是因为并非所有选项卡的Ajax调用都被阻止，只有这个父窗口。 因此，如果有一种方法可以使子页面 – PrintPage.html不是ParentPage.html的子页面，那将是有效的。 当我检测到用户点击ParentPage.html时，一种不太理想的方法是关闭PrintPage.html上的打印模式。 然后在PrintPage.html聚焦时重新打开打印模式。 重新打开模态部分很简单，但我不知道如何从不同的选项卡关闭打印模式。 如果以上两种方法不起作用，我想我必须在打开打印模式并且用户试图在ParentPage.html上单击ajax调用按钮时显示警告。 检测是否从ParentPage.html打开打印模式可能也不容易。 任何帮助，将不胜感激！

Chrome中的JQuery窗口宽度不正确

我已经创建了一个插件，我已经减少了插件的简单（即没有function，只是结构）来调试这个问题，它仍然存在。 它涉及调整div的大小并将其基于文档的宽度。 问题是报告的文档宽度从实际宽度减少了17px，因此没有正确调整div的大小。 我已经发出警报以找出问题发生的位置：在“就绪”function之前：1780px（正确的宽度）在“就绪”function内：1763px插件内：1763px（从“document.width”和“$”返回的所有值（文件）.width（）“结果相同） 这只发生在Chrome中，并且即使插件减少到实际上也没有。 有关为什么会发生这种情况的任何想法？

‘event.layerX和event.layerY在WebKit中被破坏和弃用。 错误

我刚刚将Chrome更新到版本16.0.912.63，现在我使用jQuery 1.7.1获得了数百个错误。 鼠标移动时似乎会触发…… event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future. 我应该担心这个吗？ 是否有其他人收到这些错误？ 我的使用者： Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.7 (KHTML, like Gecko) Chrome/16.0.912.63 Safari/535.7 更新：在我的情况下，它是Chrome扩展程序“按图搜索（由Google）1.1.0”。 我只是禁用它，它与我的应用程序无关。

点击输入按下的锚标记链接

我有一个像锚的标签 Continue 它在弹出窗口内。 我需要按回车键点击此链接。 我尝试了以下代码，但它对我不起作用。 $(document).ready(function(){ $(document).keyup(function(event){ if (event.keyCode == 13){ $(“#clicking”).trigger(‘click’); } }) }); 不确定为什么function不起作用。 我也使用了点击function同样的结果。它在鼠标点击时正常工作。 我需要在输入印刷机上自动工作。 以下代码在Firefox中正常运行。 $(document).ready(function () { $(document).on(“keyup”, function (event) { if (event.which == 13) { document.getElementById(“clicking”).click(); } }); }）; 如何在Chrome上完成这项工作？

jquery focus命令在chrome命令行中不起作用

如果我有如下所述的文本页面。 调用$(“#target”).focus(); 在标题的$()部分工作正常。 我还可以将该命令绑定到更逼真的页面中的事件。 但是，如果我打开chrome控制台并键入$(“#target”).focus(); 它不会改变焦点。 如果我运行$(“#target”).val(“something”); 它会更改屏幕上的值，但它不适用于焦点。 显然这不是一个关键问题，但我真的很好奇为什么会这样。 有人有想法吗？ $(function(){ $(“#target”).focus(); });

Chrome扩展程序 – 在新标签中打开捕获的屏幕截图

chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) { chrome.tabs.captureVisibleTab(null ,{ format: “png”}, function (src) { $(‘body’).append(“” + tabs[0].url + “”);//appends captured image to the popup.html } ); }); 此代码将捕获的图像附加到popup.html的主体中。 但我想要的是将图像附加到弹出框体，我想使用chrome.tabs.create（{url：“newtab.html”）打开新标签，并将捕获的图像附加到此newtab.html。（ ‘newtab.html’已经在路径文件夹中）。 提前致谢