Tag: google chrome

在用户单击后退按钮时使DataTables保持其状态（没有stateSave选项）: 我在Chrome和Edge中遇到的问题：转到https://datatables.net/examples/basic_init/zero_configuration.html 按某些列对表格进行排序（例如“年龄”）使用表格底部的分页界面转到其他页面之一点击左侧的导航链接之一（例如“常见问题解答”或“下载”）单击浏览器的后退按钮，观察表现在已恢复到原始状态（按“名称”列和第1页排序）在Firefox中，表仍按正确的列排序，并且仍在正确的页面上。如何让Chrome和Edge也采用这种方式？我知道DataTables有它的stateSave选项（文档和示例），但问题是当用户在站点周围导航然后单击链接转到具有DataTables表的页面时，它会将它们放回到同一个页面中在这种情况下的状态。我只希望用户在使用浏览器的后退按钮时回到相同的状态。

使用jQuery将Chrome扩展程序移植到Firefox SDK附加组件: 我的Chrome扩展程序在后台页面中使用了jQuery，例如jQuery.extend() ， jQuery.ajax() ， jQuery.deferred() ，（不是DOM操作的东西，在后台页面中没有意义）。将此代码迁移到Firefox SDK附加组件，没有后台window对象，jQuery需要工作，所以类似于 var $ = require(‘../3rdparty/jquery.min’)(window); 这是jQuery在类似CommonJS的环境中工作的方式，失败了，jQuery本身抛出一个jQuery requires a window with a documentexceptionjQuery requires a window with a document 。有没有办法在基于Firefox SDK的插件中使用jQuery？ Page Workers似乎很有希望，但我无法掌握底层的window对象。安迪

Chrome扩展程序中的AJAX请求失败，具有正确的清单权限？: 我正在编写Chrome扩展程序，执行简单的ajax调用（基于此示例来自文档）： $.ajax({ type: “GET”, url: “http://www.flags.99k.org/getFlags.php” }).done(function(response) { alert(“SUCCESS: ” + response); }).fail(function(response) { alert(“FAILURE: ” + response); }); 请求总是失败，因为警报显示： FAILURE: [object Object] 。该URL有效：当我将http://www.flags.99k.org/getFlags.php放入我的地址栏时，我得到了这个： [{“UID”: “1”, “Message”: “Hello”}, {“UID”: “2”, “Message”: “World”}, {“UID”: “3”, “Message”: “Hello World”}] 这是我的manifest.json扩展名。 { “name”: “Hello World”, “version”: “1.0”, “description”: “The first extension that I made.”, “browser_action”: { “default_icon”: […]

jquery选项选择不在chrome中工作: 我想在获取需要选择的选项值后，在jquery中选择自动选择选项。但是它无法在Chrome中运行。它在firefox和IE 9中工作。为什么会这样？函数填充是填充值的函数。（函数res，仅重置由函数填充填充的值，对此问题不重要） function fill(thisValue) { $(‘#inputString’).val(thisValue); $.post(“get.php?op=category”, {queryString: “”+thisValue+””}, function(data){ if(data.length >0) { $(“#mymenu option[value='”+data+”‘]”).attr(‘selected’, ‘selected’); $(‘#mymenu’).attr(“disabled”,”disabled”); } }); $.post(“get.php?op=name”, {queryString: “”+thisValue+””}, function(data){ if(data.length >0) { $(‘#nameString’).val(data); $(‘#nameString’).attr(“disabled”,”disabled”); } }); $.post(“get.php?op=author”, {queryString: “”+thisValue+””}, function(data){ if(data.length >0) { $(‘#authorString’).val(data); $(‘#authorString’).attr(“disabled”,”disabled”); } }); $.post(“get.php?op=publisher”, {queryString: “”+thisValue+””}, function(data){ if(data.length >0) { $(‘#publisherString’).val(data); $(‘#publisherString’).attr(“disabled”,”disabled”); } […]

Jquery Ajax Firefox不发送cookie（Chrome工作）: 我正在尝试在我的应用程序中使用Ajax身份validation，我似乎已经让它工作，除了firefox似乎没有在后续请求的“cookie”请求标头中向服务器发送正确的jessionid，而chrome这样做就好了。这是登录function： $.ajaxSetup({ xhrFields: { withCredentials : true } }) function sudoLogin(callback){ $.ajax({ url : HOST + “/ProperApp/j_spring_security_check”, type : “POST”, data : $(“#login”).serialize(), dataType: ‘json’, async : false, success: function(result) { if (result.login) { callback(true); } else { callback(false); } } }) } 在firefox的响应中，我可以看到cookie被设置，并且调用成功回调： Set-Cookie JSESSIONID=81235e7ff741e941c1e078afee5c; Path=/ProperApp; HttpOnly 但是，在后续请求中，例如此请求，cookie不会被发送： function getUserDeets(callback){ $.ajax({ url : […]

fullscreenchange事件未在Chrome中触发: 我正在尝试监控浏览器何时进入全屏模式。在我搜索全屏API指南的任何地方都会引用此博客。 Using the Fullscreen API in web browsers 这个SO答案也声称这是有效的。全屏API：触发了哪些事件？这是我的jQuery代码，但它没有触发事件。 $(document).on(“webkitfullscreenchange mozfullscreenchange fullscreenchange”,function(){ console.log(“bang!”); }); 看起来很简单，但它不会在Chrome中触发。知道我做错了什么吗？更新：发现了一些新的东西。仅当JavaScript调用requestFullScreen API时，事件才有效，但如果用户按下F11则不会。

Access-Control-Allow-Methods不允许DELETE: 我正在尝试使用jQuery从Chrome发送跨源DELETE请求。但是，如果在开发人员控制台中记录以下错误消息，则会失败： XMLHttpRequest无法加载http://actual/url/here 。 Access-Control-Allow-Methods不允许使用DELETE方法。 javascript代码在localhost上运行，如下所示： $.ajax({ type: “DELETE”, url: “http://actual/url/here”, xhrFields: { withCredentials: true } }); 这会导致发送此类飞行前请求： OPTIONS http://actual/url/here HTTP/1.1 Host: actual Connection: keep-alive Access-Control-Request-Method: DELETE Origin: null User-Agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.115 Safari/537.36 Access-Control-Request-Headers: accept Accept: */* Accept-Encoding: gzip, deflate, sdch Accept-Language: en-US,en;q=0.8 响应看起来像这样： HTTP/1.1 200 OK […]

Chrome DevTools脚本黑盒子无效: 我正在尝试使用chrome devtools的新function“blackboxing a script”。此Chrome Devtools文章列出了脚本黑盒function blackbox脚本会发生什么？从库代码抛出的exception不会暂停（如果启用了exception暂停）步进/退出/覆盖库代码事件监听器断点不会在库代码中中断调试器不会在库代码中设置的任何断点上暂停。最终结果是您正在调试应用程序代码而不是第三方资源。我已经尝试通过右键单击源选项卡中的文件来直接黑盒子文件，一切正常，黄色通知显示在文件顶部“此脚本在调试器中被黑盒子”。奇怪的是，上面列出的点都不起作用，调试器通过黑盒子脚本也事件监听器引用黑盒子脚本。我还在chrome：// flags /上启用了Developer Tools实验有了这些选项设置我认为我会没事，我也有最新的铬当时39.0 beta，我不知道我错过了什么。有人经历过这个吗？日Thnx！

从chrome扩展内容脚本中选择的: 我无意中尝试从chrome内容脚本激活change（）事件。我已经浏览了网站和谷歌post，但仍然无效。这里是我试图实现的描述考虑以下网页（如果有人帮助，可以通过http://www.gilzu.com/TFF/select.html访问）： Untitled Page $(document).ready(function () { $(‘#woot’).die(‘change’); $(‘#woot’).live(‘change’, function () { $(‘#description’).text(jQuery(‘#woot’).val()); }); console.log(“window ready”); $(“#meh”).click(function() { $(‘#woot’).val(15); $(‘#woot’).change(); }); $(‘#woot’).val(21); $(‘#woot’).change(); }); a b c d e f g 什么工作：1。在启动时，change（）激活并将选择框更新为21并在div上显示正确的值。 2.按下#meh按钮，将选择框更改为15，触发在屏幕上显示正确值的change（）事件。到目前为止并不奇怪。所以我通过以下方式前往内容脚本： $(document).ready(function () { $(‘#woot’).val(17); $(‘#woot’).change(); }); 所以select标签更新，但change（）事件不会触发。我已经阅读了关于chrome扩展孤立世界的论坛，并对此理论进行了测试： $(document).ready( function() { $(“#meh”).click(); }); 并且它实际上触发了选择框的click事件和change事件！另外，与另一篇声称与js的代码注入有效的post相矛盾： $(document).ready( function() { […]

使用Chrome中的jQuery实时过滤1500多个项目: 我被Chrome / Webkit 71305错误所困扰，其中隐藏了大量节点会导致Chrome挂起。（也发生在Safari中）。我正在使用以下内容过滤下拉菜单中的列表项： jQuery.expr[‘:’].Contains = function(a, i, m) { return $.trim((a.textContent || a.innerText || “”)).toUpperCase().indexOf(m[3].toUpperCase()) == 0; }; var input = $(‘input’); var container = $(‘ul’); input.keyup(function(e) { var filter = $.trim(input.val()); if (filter.length > 0) { // Show matches. container.find(“li:Contains(” + filter + “)”).css(“display”, “block”); container.find(“li:not(:Contains(” + filter + “))”).css(“display”, […]