Tag: 谷歌铬

Javascript / Chrome – 如何从webkit检查器复制对象作为代码

我正在做一个console.log语句在我的JavaScript为了logging一个javascript对象。 我想知道是否有办法,一旦完成 – 将该对象作为JavaScript代码复制。 我想要做的是转换一个使用Ajax创build的对象来parsing一个XML feed到一个静态的JavaScript对象,以便一个文件可以在本地运行,没有服务器。 我已经在铬检查器窗口中包含了对象的屏幕截图,以便您可以看到我正在尝试执行的操作。

谷歌浏览器的类似Firebug的debugging器

有什么可以在Google Chrome中使用的Firebug吗? 我想要的基本function: 检查HTML源代码(select元素,删除它们等) 检查CSS值(内置的解决scheme很奇怪,不知何故)

Facebook:不安全的JavaScript问题(document.domain值应该是相同的)

我是一个基于canvas的FB应用程序。 面对Chrome和Firefox的问题(尽pipe通常是Chrome): 1.当我在新的隐身Chrome浏览器窗口( https://apps.facebook.com/myfbappnamespace/ )上打开我的批准的fb应用安全url时,下面的错误只是第一次,而当我刷新页面错误已经走了(大部分时间) 在about:blank页面显示来自http://static.ak.facebook.com/connect/xd_arbiter.php?version=18#cb=f2e4fe7b … os.com%2Ff4aeadb2&domain = www.mydomain.com&relation = parent&error =未知用户。 不安全的JavaScript尝试访问来自带有URL的框架的URL http://www.mydomain.com/control/myfacebookapp/ http://static.ak.facebook.com/connect/xd_arbiter.php?version=18#cb= f2e4fe7b … os.com%2Ff4aeadb2&domain = www.mydomain.com&relation = parent&error = unknown_user。 请求访问的框架将“document.domain”设置为“facebook.com”,但是访问的框架没有。 两者都必须将“document.domain”设置为相同的值以允许访问。 xd_arbiter.php:18 不安全的JavaScript尝试访问来自带有URL的框架的URL http://www.mydomain.com/control/myfacebookapp/ http://static.ak.facebook.com/connect/xd_arbiter.php?version=18#cb= f2e4fe7b … os.com%2Ff4aeadb2&domain = www.mydomain.com&relation = parent&error = unknown_user。 请求访问的框架将“document.domain”设置为“facebook.com”,但是被访问的框架没有。 两者都必须将“document.domain”设置为相同的值以允许访问。 xd_arbiter.php:18 2.当我尝试http url( http://apps.facebook.com/myfbappnamespace/ )时,控制台显示的错误是: 不安全的JavaScript尝试从URL http://apps.facebook.com/myfbappnamespace/从具有URL的帧访问帧https://s-static.ak.facebook.com/connect/xd_arbiter.php?version=18#channel= … F控制%2Ffacebookappchannelurl%3Ffb_xd_fragment%23xd_sig%3Df23e84e85c%26。 请求访问的帧具有“https”的协议,被访问的帧具有“http”的协议。 协议必须匹配。 现在,当我login到我的fb帐户,看看这些错误发生了什么,他们走了,有时只是有时。 我知道我在查询中使用“大部分时间”和“有时”,但这正是我所遇到的情况。 […]

防止滚动条加到Chrome的宽度页面上

我有一个小问题,试图保持我的.html页面在Chrome浏览器上的一致的宽度,例如我有一个页面(1)有很多内容溢出视口的(右字?)高度,所以有一个垂直滚动条(1)。 在页面(2)我有相同的布局(菜单,divs,…等),但较less的内容,所以没有垂直滚动条在那里。 问题是,在页面(1)上滚动条似乎将元素稍微向左推动(加起来的宽度?),而在页面(2) 我仍然是HTML / CSS / JS的初学者,我相当确信这不是那么困难,但是我找不到解决scheme。 它在IE10和FireFox(无干扰的滚动条)上按预期工作,我只在Chrome上遇到过。

当使用setInterval时,如果我在Chrome中切换标签并返回,则滑块变得疯狂追赶

我在我的网站上有一个jQuery滑块,去下一张幻灯片的代码是一个名为nextImage的函数。 我用setInterval在计时器上运行我的function,它正是我想要的:它在计时器上运行我的幻灯片。 但是,如果我在Chrome浏览器中访问该网站,切换到另一个选项卡并返回,则滑块会不断滑过幻灯片,直到“追上”为止。 有谁知道一种方法来解决这个问题。 以下是我的代码。 setInterval(function() { nextImage(); }, 8000);

图像移动hover – 铬不透明问题

我的网页似乎有一个问题: http : //www.lonewulf.eu 当鼠标hover在缩略图上时,图像右移一点,而且只发生在Chrome上。 我的CSS: .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; display:block; border:1px solid #121212; } .img:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1; display:block; }

在Chrome控制台中包含JavaScript文件

有没有更简单的(本地或许?)的方式来包括一个外部脚本文件在谷歌Chrome浏览器? 目前我正在这样做: document.head.innerHTML+='<script src="http://example.com/fil.js"></script>';

在Chrome中创buildconsole.log()的快捷方式

因为我很懒,所以我创build了一个基本上只是console.log的缩写的函数log : function log() { console.log.apply(console, arguments); } 每当我打电话给我的时候,我都会在Google Chrome浏览器的开发者工具中看到logging的项目,在右侧显示logging项目的行号。 但是,这个行号总是相同的,因为实际的console.log调用位于代码中的一个特定位置(也就是上面声明log函数的地方)。 我也试过的只是: var log = console.log; 但是这总是会抛出一个错误: Illegal invocation 。 奇怪,但我想这不是一个可能性。 我怎样才能做一个console.log快捷方式,开发者工具显示log被调用的行号,而不是实际的console.log调用的位置?

我怎样才能使window.showmodaldialog工作在铬37?

我们有一个巨大的Web应用程序,我们使用window.showmodaldialog来提醒,确认和popup窗口。 自Chrome版本37以来,此通话已被禁用。 有没有什么快速的解决方法,使window.showmodaldialog在最新版本的Chrome中工作? 我在这里添加一个解决方法window.showmodaldialog,虽然这不是一个完美的解决方法,因为这不会像showmodaldialog所做的那样破坏代码执行,相反,这将打开popup窗口。 window.showModalDialog = function (url, arg, feature) { var opFeature = feature.split(";"); var featuresArray = new Array() if (document.all) { for (var i = 0; i < opFeature.length – 1; i++) { var f = opFeature[i].split("="); featuresArray[f[0]] = f[1]; } } else { for (var i = 0; i < opFeature.length – […]

在Chrome / IE9中删除图片边框

我试图摆脱Chrome和IE9中出现的每个图像的薄边框。 我有这个CSS: outline: none; border: none; 使用jQuery,我还在每个图片标签上添加了border=0属性。 但图像中显示的边框仍然显示。 任何解决scheme body { font: 10px "segoe ui",Verdana,Arial,sans-serif, "Trebuchet MS", "Lucida Grande", Lucida, sans-serif; } img, a img { outline: none; border: none; } .icon { width: 16px; height: 16px; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; background-position: -48px -144px; background-image: url(themehttp://img.dovov.comui-icons_0078ae_256x240.png); margin-right: 2px; display: inline-block; position: relative; top: […]