Tag: 谷歌浏览器

为什么Chrome会忽略本地jQuery Cookie?

我正在使用jQuery Cookie插件( 下载和演示以及带注释的源代码 )来设置和读取cookie。 我正在开发本地机器上的页面。 以下代码将在FireFox 3,IE 7和Safari(PC)中成功设置cookie。 但是, 如果浏览器是谷歌浏览器,并且该页面是本地文件 ,则不起作用。 $.cookie("nameofcookie", cookievalue, {path: "/", expires: 30}); 我所知道的 : 该插件的演示与Chrome一起使用。 如果我把我的代码放在一个web服务器上(地址以http://开头),它可以与Chrome一起使用。 所以这个cookie只能在本地文件上使用谷歌浏览器 。 可能的原因 : 谷歌浏览器不接受来自硬盘驱动器网页的cookies(path如file:/// C:/websites/foo.html) 插件实现中的某些内容会导致Chrome拒绝这些Cookie 任何人都可以证实这一点,并确定根本原因?

如何deviseselect标签的选项元素?

我试图在Google Chrome的select下拉菜单中设置option的样式。 它适用于除IE9和Chrome之外的所有浏览器。 option.red { background-color: #cc0000; font-weight: bold; font-size: 12px; color: white; } <select name="color"> <option class="red" value="red">Red</option> <option value="white">White</option> <option value="blue">Blue</option> <option value="green">Green</option> </select> 如果不使用JavaScript,有没有一种方法可以将样式设置为Google Chrome中的选项? 一旦选定,背景颜色不会显示。

如何使用JavaScript在<div>中加载HTML页面?

我想要home.html加载<div id="content"> 。 <div id="topBar"> <a href ="#" onclick="load_home()"> HOME </a> </div> <div id ="content"> </div> <script> function load_home(){ document.getElementById("content").innerHTML='<object type="type/html" data="home.html" ></object>'; } </script> 这个工作正常,当我使用Firefox。 当我使用谷歌浏览器,它要求插件。 如何在Google Chrome中使用它?

如何访问网页DOM而不是扩展页面DOM?

我正在编写一个Chrome扩展,并在popup.html文件中点击一个button后立即覆盖当前网页上的<div> 。 当我从popup.html中访问document.body.insertBefore方法时,它覆盖popup窗口上的<div> ,而不是当前网页。 我是否必须在background.html和popup.html之间使用消息才能访问网页的DOM? 我想在popup.html中做所有事情,如果可能的话也要使用jQuery。

为什么Chromedebugging器认为封闭的局部variables是未定义的?

有了这个代码: function baz() { var x = "foo"; function bar() { debugger; }; bar(); } baz(); 我得到这个意外的结果: 当我更改代码时: function baz() { var x = "foo"; function bar() { x; debugger; }; bar(); } 我得到了预期的结果: 另外,如果在内部函数中有任何eval的调用,我可以像我想要的那样访问我的variables(不pipe我传递给eval是什么)。 同时,在两种情况下,Firefox开发工具都会给出预期的行为。 怎么了Chrome浏览器,debugging器的行为比Firefox不太方便? 我已经观察到这种行为一段时间,直到并包括版本41.0.2272.43testing版(64位)。 Chrome的JavaScript引擎是否可以“平滑”function? 有趣的是,如果我添加了内部函数中引用的第二个variables, xvariables仍然是未定义的。 我明白,在使用交互式debugging器的时候,经常会出现范围和variables定义的怪癖,但是在我看来,根据语言规范,应该是这些怪癖的“最佳”解决scheme。 所以我很好奇,如果这是由于Chrome优化比Firefox更进一步。 而且这些优化是否可以在开发过程中很容易被禁用(也许他们应该在开发工具打开时被禁用)。 另外,我可以用断点和debugger语句来重现这一点。

在Chrome中使用本地文件的jQuery getJSON问题

我有一个非常简单的testing页面 ,使用jQuery的$ .getJSON和$ .ajax方法使用XHR请求。 同一页面在某些情况下有效,而在其他情况下不起作用 具体来说,它不适用于Ubuntu上的Chrome。 我正在使用Chrome 5.0.342.7 betatestingUbuntu 9.10,使用Chrome 5.0.307.9testing版testingMac OSX 10.6.2。 当从Ubuntu / Chrome和Mac / Chrome将文件安装到Web服务器上时,它可以正常工作( 在这里试试 )。 在Mac / Chrome(通过file:/// …访问)文件安装在本地硬盘驱动器上时,它工作正常。 在Ubuntu / Chrome中使用本地硬盘安装文件时失败 (使用file:/// …进行访问)。 可以从这里下载tar / gzip文件中的一小组3个文件: http : //issues.tauren.com/testjson/testjson.tgz 当它工作时,Chrome控制台会说: XHR finished loading: "http://issues.tauren.com/testjson/data.json". index.html:16Using getJSON index.html:21 Object result: "success" __proto__: Object index.html:22success XHR finished loading: "http://issues.tauren.com/testjson/data.json". index.html:29Using ajax […]

在Chrome / Mac上强制DOM重绘/刷新

每过一段时间,Chrome都会错误地呈现完全有效的HTML / CSS或根本不呈现。 通过DOM检查器进行挖掘往往足以使其认识到其方法的错误并正确重绘,所以可以certificate标记是好的。 在我正在进行的一个项目中,这种情况经常(而且是可以预测的)发生了,我已经把代码放在了某些地方强制重绘的地步。 这适用于大多数浏览器/操作系统组合: el.style.cssText += ';-webkit-transform:rotateZ(0deg)' el.offsetHeight el.style.cssText += ';-webkit-transform:none' 如在,调整一些未使用的CSS属性,然后要求一些信息,强制重绘,然后解开财产。 不幸的是,Mac版Chrome浏览器后面的团队似乎已经find了一种方法,可以在不重绘的情况下获得offsetHeight。 从而杀死其他有用的黑客。 到目前为止,为了在Chrome / Mac上获得同样的效果,最好的办法就是这样的丑陋: $(el).css("border", "solid 1px transparent"); setTimeout(function() { $(el).css("border", "solid 0px transparent"); }, 1000); 在其中,实际上迫使元素跳了一下,然后冷却了一秒钟,然后跳回去。 更糟糕的是,如果你把这个超时减less到500ms以下,那么它往往不会达到预期的效果,因为浏览器在它回到原始状态之前不会重新绘制。 有人愿意提供一个更好的版本,这个刷新/刷新黑客(最好基于上面的第一个例子)在Chrome / Mac的作品?

如何在“–allow-file-access-from-files”模式下使用Chrome启动HTML?

我和HERE的情况一样 而要解决这个问题,我必须在“–allow-file-access-from-files”模式下使用Chrome启动html文件。 我多次尝试了下一个步骤,但不起作用。 在Windows 7下启动cmd 直接到chrome.exe文件夹 做这个chrome –allow-file-access-from-files file:///C:/test%20-%203.html

使用新的URL更新地址栏而不散列或重新加载页面

我或者梦想铬(开发通道)实现一种方式来更新地址栏通过JavaScript(path,而不是域),无需重新加载页面,或他们真的已经做到了这一点。 但是,我找不到我认为我阅读的文章。 我疯了还是有办法做到这一点(在Chrome中)? PS我不是在谈论window.location.hash,等。 如果上述存在,这个问题的答案将是不真实的。

在Chrome中停用相同的原产地策略

有没有办法在Google的Chrome浏览器上禁用相同的来源策略 ? 这是严格的发展,而不是生产,使用。