javascript

java

python

c#

android

c++

node.js

php

html

jquery

ios

reactjs

css

.net

git

ruby-on-rails

sql

c

ruby

string

javascript-如何在Chrome中设置DOM断点

我正在尝试按照本教程进行操作。

我被困在DOM Breakpoints部分(在底部附近)。

我去了他们正在谈论的示例站点。 我按ctrl + shift + i并导航到“元素”标签。 在元素选项卡中,我找到了以下html部分:

<div id="profileCard" style="position: absolute; left: 403px; top: 135px; visibility: hidden; display: none; " class="goog-hovercard">
</div>

现在,我一直在试图找到上下文菜单:

在#profileCard元素上显示一个上下文菜单,然后选择 您想破坏的事件:子树修改,属性 修改和节点删除

这是显示我所在位置的屏幕截图:

ss

trans by 2020-08-12T08:46:46Z

Chrome和Safari中jQuery UI对话框的滚动条问题

我使用的是带有modal=true的jQuery UI对话框。在Chrome和Safari中,这会禁用通过滚动条和光标键的滚动(使用鼠标滚轮和页面上/下滚动仍然有效)。

如果对话框太高而无法容纳在一页上,这将是一个问题-笔记本电脑上的用户会感到沮丧。

三个月前有人在jQuery Bug跟踪器上提出了这个问题-[http://dev.jqueryui.com/ticket/4671]-似乎不应该解决它。 :)

任何人也是如此:

  1. 有解决办法吗?
  2. 有建议的解决方法可以提供良好的可用性体验?

我正在尝试将mouseover / scrollto用于表单的某些位,但这不是一个很好的解决方案:(

编辑:罗恩·比尼杰(Rowan Beentje)的道具(他不在SO afaict上),以寻求解决方案。 jQuery UI通过捕获mouseup / mousedown事件来防止滚动。 因此,以下代码似乎可以解决此问题:

$("dialogId").dialog({
    open: function(event, ui) {
        window.setTimeout(function() {
            jQuery(document).unbind('mousedown.dialog-overlay')
                            .unbind('mouseup.dialog-overlay');
        }, 100);
    },
    modal: true
});

使用时,后果自负,我不知道解除绑定这些东西可能会导致哪些其他非模态行为。

trans by 2020-08-12T07:19:37Z

将Google Chrome的每服务器最大连接数限制增加到6个以上

据我所知,目前,2011年末,每个服务器的最大连接数限制仍然为6。如果我错了,请纠正我。 不好的是,我们无法像Firefox中那样轻松地解决此问题。 据我所知,该值是硬编码的。

解决方案之一是下载Chromium的源文件并重建它们。 有更简单的解决方案吗?

有什么棘手的方法可以在不创建许多镜像域的情况下进行破解?

为什么我要问这个问题:我的任务是创建一个html-javascript幻灯片放映,该幻灯片将在全屏浏览器中运行,并且一个巨大的监视器挂在墙上。 javascript确实很复杂,它会预加载照片并对我的Web服务进行很多ajax调用。 如果WIFI连接速度慢,如果正在加载6张照片,则AJAX调用失败,应用程序运行不正常。 我想要一个基于http或浏览器或ubuntu的快速解决方案,请进行其他调整,因为重建javascript应用程序需要几天的时间。

题外话:您知道我的具体情况下可以调整的其他任何内容吗?

trans by 2020-08-12T00:09:09Z

javascript-无法加载资源:net :: ERR_CONTENT_LENGTH_MISMATCH

此错误消息是什么意思,我该如何解决? 这是从Windows 7上的Google Chrome v33.0控制台获得的。

无法加载资源:net :: ERR_CONTENT_LENGTH_MISMATCH [http://and.img.url/here.png]

我正在尝试使用jQuery更改图像的src属性。 例如这样(简化):

$('.image-prld').attr('src', someDynamicValue);

页面上大约有30张图像。 每当我重新加载页面时,随机图像都会发生上述错误。 但是有时它对于所有图像都运行良好,没有任何错误。

发生此错误时,特定的图像显示如下:

enter image description here

但是,当我在新选项卡上打开错误消息旁边的链接时,图像正在加载,这从逻辑上说图像是有效的并且存在。

trans by 2020-08-11T19:03:30Z

Javascript-如何使window.showmodaldialog在chrome 37中工作?

我们有一个庞大的Web应用程序,使用window.showmodaldialog进行警报,确认和弹出窗口。 从Chrome 37版开始,此呼叫已被禁用。

有什么快速的解决方法可以使window.showmodaldialog在最新版本的Chrome中工作?

我在这里添加window.showmodaldialog的变通办法,尽管这不是一个完美的变通办法,因为这不会像showmodaldialog那样破坏代码执行,而是将打开弹出窗口。

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 - 1; i++) {
                var f = opFeature[i].split(":");
               featuresArray[f[0].toString().trim().toLowerCase()] = f[1].toString().trim();
            }
       }



       var h = "200px", w = "400px", l = "100px", t = "100px", r = "yes", c = "yes", s = "no";
       if (featuresArray["dialogheight"]) h = featuresArray["dialogheight"];
        if (featuresArray["dialogwidth"]) w = featuresArray["dialogwidth"];
       if (featuresArray["dialogleft"]) l = featuresArray["dialogleft"];
        if (featuresArray["dialogtop"]) t = featuresArray["dialogtop"];
        if (featuresArray["resizable"]) r = featuresArray["resizable"];
       if (featuresArray["center"]) c = featuresArray["center"];
      if (featuresArray["status"]) s = featuresArray["status"];
        var modelFeature = "height = " + h + ",width = " + w + ",left=" + l + ",top=" + t + ",model=yes,alwaysRaised=yes" + ",resizable= " + r + ",celter=" + c + ",status=" + s;

        var model = window.open(url, "", modelFeature, null);

       model.dialogArguments = arg;

    }

只需将这段代码放在页面的开头。

trans by 2020-08-11T05:51:39Z

Javascript-如何从JS Console中的console.timeEnd()获取输出?

我希望能够在我的Google Chrome Javascript控制台中从3005656860470010012返回字符串。

在下面的示例中,我想要一个包含"t: 0.276ms"的变量

> console.time('t'); console.timeEnd('t');
  t: 0.276ms
< undefined

这可行吗?

trans by 2020-08-10T19:47:03Z

javascript-从chrome.storage.syn保存和检索

我正在尝试将数据对象保存在chrome同步存储中,然后检索它,但是get()函数始终返回一个空对象。 我使用的代码是

function storeUserPrefs() {
    var key='myKey', testPrefs = {'val': 10};
        chrome.storage.sync.set({key: testPrefs}, function() {console.log('Saved', key, testPrefs);});
}

function getUserPrefs() {
    chrome.storage.sync.get('myKey', function (obj) {
        console.log('myKey', obj);
    });
}

有人可以告诉我我在做什么错吗?

trans by 2020-08-10T17:53:00Z

文件io-Chrome下载PNG图片链接。 我希望它们打开以在新选项卡中查看。 如何使Chrome做到这一点?

当我现在单击图像链接时,Chrome会下载图像而不是将其打开。

即使我右键单击并选择Open link in new tab,Chrome仍会下载图像,而且我还必须执行打开文件以手动查看的额外步骤。

对我来说,这感觉像是一个哑剧类型的问题,但是为什么Chrome不能将“ image / png”识别为有效的哑剧类型进行查看? 所有PNG图像在HTML页面中都可以正常显示。

这似乎是一个非常愚蠢的问题,但是我已经在Google上进行了全面搜索和搜索,无法找到答案。 我是世界上唯一有这个问题的人吗?

注意:这仅适用于PNG图像。

trans by 2020-08-09T11:39:19Z

CSS-显示通过Chrome开发者工具所做的所有更改

如何显示我使用Chrome开发者工具所做的所有更改?

例:

  1. 打开一个网站。
  2. 打开Chrome开发者工具。
  3. 更改标签的样式属性。
  4. 向某些css文件添加新样式。
  5. 更改JavaScript函数。

如何看到这些变化? 就像是:

    page.html:56 Change style attribute of foo to bar.
    page.css:21 Lines added: 21,22,23,24.
    page.js:12 Line modified.
trans by 2020-08-09T08:50:22Z

javascript-位置:已修复在Chrome和IE中关闭画布菜单的情况下无法正常播放的问题

打算做什么

我正在使用使用CSS和JavaScript的非画布菜单。 画布外菜单正在按预期工作。 我想要一个侧边栏菜单,它位于屏幕的左侧,并在触发菜单时随之移动。 这个想法是让菜单触发器的宽度为100px,高度为100%,并且始终位于屏幕的左侧。 使用绝对位置我在所有浏览器上的高度都存在问题,使用固定位置Firefox可以正常工作,但遇到以下问题。

失误

Firefox问题:据我所知,没有。

Chrome问题:在侧栏菜单触发器上向下滚动几个像素后,无法拉伸整个页面。

Internet Explorer:触发侧边栏菜单时,侧边栏似乎完全消失。

jsFiddle

因为我的代码在HTML,CSS和JavaScript上都很繁琐,所以我加入了jsFiddle。 请注意,据我所知,该问题仅在Chrome和Internet Explorer上发生。 您可以通过向下滚动页面然后单击左侧菜单按钮来复制该问题。

屏幕截图

Off Canvas Menu Issues

注意值得的HTML代码(小提琴中的完整代码)

<div id="sbContainer" class="sbContainer">
    <div class="sbPush">
        <header class="contain-to-grid sbMenu sbFX">
            <nav class="top-bar" data-topbar>
                <ul class="title-area show-for-small-only"><!--SITENAME--></ul>
                <section class="top-bar-section"><!--LINKS--></section>
            </nav>
        </header>
        <div class="sbContent-one">
            <div class="sbContent-two">
                <div class="sbMenuTrigger" data-effect="sbFX"><!--SIDEBAR TRIGGER--></div>
                <div class="sbMainContent" role="document"><!--PAGE CONTENT--></div>
            </div>
        </div>
    </div>
</div>

注意值得的CSS代码(小提琴中的完整代码)

html, body, .sbContainer, .sbPush, .sbContent-one {
    height:100%
}
.sbContent-one {
    overflow-x:hidden;
    background:#fff;
    position:relative
}
.sbContainer {
    position:relative;
    overflow:hidden
}
.sbPush {
    position:relative;
    left:0;
    z-index:99;
    height:100%;
    -webkit-transition:-webkit-transform .5s;
    transition:transform .5s
}
.sbPush::after {
    position:absolute;
    top:0;
    right:0;
    width:0;
    height:0;
    background:rgba(0,0,0,0.2);
    content:'';
    opacity:0;
    -webkit-transition:opacity 0.5s,width .1s 0.5s,height .1s .5s;
    transition:opacity 0.5s,width .1s 0.5s,height .1s .5s
}
.sbMenu-open .sbPush::after {
    width:100%;
    height:100%;
    opacity:1;
    -webkit-transition:opacity .5s;
    transition:opacity .5s
}
.sbMenu {
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    visibility:hidden;
    width:244px;
    height:100%;
    background:#872734;
    -webkit-transition:all .5s;
    transition:all .5s
}
.sbMenu::after {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.2);
    content:'';
    opacity:1;
    -webkit-transition:opacity .5s;
    transition:opacity .5s
}
.sbMenu-open .sbMenu::after {
    width:0;
    height:0;
    opacity:0;
    -webkit-transition:opacity 0.5s,width .1s 0.5s,height .1s .5s;
    transition:opacity 0.5s,width .1s 0.5s,height .1s .5s
}
.sbFX.sbMenu-open .sbPush {
    -webkit-transform:translate3d(300px,0,0);
    transform:translate3d(244px,0,0)
}
.sbFX.sbMenu {
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
}
.sbFX.sbMenu-open .sbFX.sbMenu {
    visibility:visible;
    -webkit-transition:-webkit-transform .5s;
    transition:transform .5s
}
.sbFX.sbMenu::after {
    display:none
}
.no-csstransforms3d .sbPush,.no-js .sbPush {
    padding-left:244px
}
.sbMenuTrigger {
    background-color:#b23445;
    cursor:pointer;
    height:100%;
    width:100px;
    position:fixed;
    left:0;
    top:0
}
.sbMainContent {
    margin-left:100px;
    width:calc(100% - 100px);
    top:0;
    padding-top:50px;
    position:absolute;
    height:100%
}
trans by 2020-08-09T03:11:41Z

是否有Google Chrome扩展程序可在每个请求中注入自定义HTTP标头?

Firefox具有“ modifyheaders”插件。 Google Chrome是否有类似的功能?

trans by 2020-08-08T19:00:48Z

Google Chrome全黑屏

我不确定是什么问题,但这很奇怪。

如果网页包含jquery图形或库,则页面将以全黑屏幕加载。 我可以看到源代码,并且鼠标指针可以找到按钮或链接。 我卸载并重新安装了最新版本的chrome,但仍然没有机会。

我希望有人能帮帮忙? !

这是截图

trans by 2020-08-07T05:10:26Z

Google Plus按钮代码警告:Chrome中出现“不安全的JavaScript尝试访问框架”

尽管我在Chrome上使用的是Google推荐的代码,但我仍在尝试向我的网站添加Google Plus按钮,并不断收到JavaScript安全警告。

我使用直接从Google网站站长推荐的代码复制而来的代码重现了这些错误,没有其他附加内容:

<html itemscope itemtype="http://schema.org/">
<head>
<meta itemprop="name" content="Title">
<meta itemprop="description" content="Description">
</head>
<body>
<g:plusone annotation="inline"></g:plusone>
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')\[0\]; s.parentNode.insertBefore(po, s);
  })();
</script>
</body>

将其加载到Chrome中(在Mac上为15),开发者控制台会警告:

Unsafe JavaScript attempt to access frame with URL http://mydomain.com/ 
from frame with URL https://plusone.google.com/_/+1/fastbutton?url=http%3A%2F%2Fmydomain.com%2F&size=standard&count=true&annotation=inline&hl=en-US&jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fwidget%2F__features__%2Frt%3Dj%2Fver%3Dt6mt7PFQYRQ.en_GB.%2Fsv%3D1%2Fam%3D!agWx4Vf_ACSIFA91ZQ%2Fd%3D1%2F#id=I1_1323174311773&parent=http%3A%2F%2Fmydomain.com&rpctoken=352111652&_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe. 
Domains, protocols and ports must match.

Google网站管理员推荐的代码是否完全不安全? 还是我做错了什么?

trans by 2020-08-06T18:53:06Z

html-自动完成关闭与否?

最近,我遇到了一个问题,我想在所有浏览器中禁用自动完成功能。

Chrome在设置中具有一项新功能,您可以在其中添加卡号。 并且要求也禁用该功能。

在所有浏览器中起作用的是在表单级别执行此autocomplete = false。

但这不符合w3规则,因为它们强制将autocomplete = off | on打开。

有人可以向我解释为什么false在所有浏览器中都有效吗?

甚至ie8,所有的Firefox,safari等。但不符合要求。

trans by 2020-08-05T05:17:09Z

CSS-Google Chrome>文本框>活动时为黄色边框。

Ive今天一直在修改表单,并在Chrome中对其进行测试。 我注意到在选择带有border:0或none的文本框时,它周围仍然带有黄色边框。 有谁知道摆脱这个边界的方法吗? 我通常不会感到困扰,但是使用我使用的配色方案看起来确实很恐怖。

提前致谢。

问候,

理查德

PS我也尝试使用!important,以防其他情况将CSS中的边框设置为黄色。

trans by 2020-08-04T22:27:55Z

Chrome扩展程序:如何从后台页面了解选项卡何时完成加载

我在后台页面中使用侦听器来了解何时加载选项卡:

chrome.tabs.onUpdated.addListener(function (tabId) { })

但是侦听器会被触发两次:页面开始加载时以及页面完成时,是否有办法区分这两种情况?

trans by 2020-08-02T11:44:21Z

javascript-服务工作者正在缓存文件,但从未触发获取事件

我刚刚尝试实现服务工作者在静态站点上缓存一些JSON文件和其他资产(在localhost chrome版本47.0.2526.73(64位)上运行)。 使用cache.addAll(),我已将文件添加到缓存中,当我在chrome中打开资源选项卡,然后单击缓存存储时,列出了所有文件。

screenshot json files shown in cache

我遇到的问题是,我的服务工作者在[chrome:// service-worker-internals]中被列为“已激活”和“正在运行”,但是,我无法确定该工作者实际上是否在拦截请求并提供缓存的服务 文件。 我已经添加了事件监听器,即使我在服务工作者开发工具实例中控制台记录事件时,它也永远不会达到断点:

this.addEventListener('install', function(event) {
  event.waitUntil(
    caches.open('v1').then(function(cache) {
      console.log(cache);
      return cache.addAll([
        '/json/0.json',
        '/json/1.json',
        '/json/3.json',
        '/json/4.json',
        '/json/5.json',
      ]);
    })
  );
});

this.addEventListener('fetch', function(event) {
  console.log(event);
  var response;
  event.respondWith(caches.match(event.request).catch(function() {
    return fetch(event.request);
  }).then(function(r) {
    response = r;
    caches.open('v1').then(function(cache) {
      cache.put(event.request, response);
    });
    return response.clone();
  }).catch(function() {
  }));
});

基本上,我正在按照HTML5岩石服务工作者简介中的描述进行操作,但是我很确定不会从缓存中提供我的资产。 我已经注意到,在大小列的devtools的网络选项卡中,通过指出“来自服务人员”来标记由服务人员提供服务的资产。

似乎我的代码与示例没有什么不同,但是由于某种原因它从未遇到过fetch事件。 我的代码要点:[https://gist.github.com/srhise/c2099b347f68b958884d]

trans by 2020-08-02T03:51:55Z

Windows-如何摆脱“禁用开发人员模式扩展”弹出窗口

这个问题已经在这里有了答案:

  • 停用Chrome中弹出的开发人员模式扩展 15个答案

最近,Google将这个烦人的弹出窗口添加到开发人员频道中。

有人在这里回答了问题(禁用在Chrome中弹出开发人员模式扩展)以编辑chrome.dll以摆脱弹出窗口。

但是,那里描述的方法似乎不再起作用。

此外,最好有一个批处理脚本来修补chrome.dll(如果Google推送新更新)。

编辑:对新的黑客开放,因为wOxxOm停止维护他的有用脚本(手动方法似乎也已过时)

trans by 2020-08-01T19:24:22Z

javascript-我的JS代码中的\ u200b(零宽度空格)字符。 哪儿来的?

我正在使用NetBeans IDE 7.0.1开发Web应用程序的前端。 最近,我遇到了一个非常讨厌的错误,终于修复了。

说我有代码

var element = '<input size="3" id="foo" name="elements[foo][0]" />';
$('#bar').append(element);

当我看到element92属性在Chrome中不起作用(未在其他浏览器中检查)时,我注意到出了点问题。 当我在Inspector中打开该元素时,它被解释为类似

<input id="&quot;3&quot;" name="&quot;elements[foo][0]&quot;" 
    size="&quot;foo&quot;" />

真是奇怪。 手动重新键入element字符串字符后,该错误消失了。 当我撤消该更改时,我注意到Netbeans提醒我有关旧代码中的一些Unicode字符。 它是\u200b-每个'='之后的零宽度,位于'] ['和字符串末尾。 所以该字符串看起来很正常,因为未显示零宽度的空格,但转义后我的字符串是

'<input size=\u200b"3" id=\u200b"foo" name=\u200b"elements[foo]\u200b[0]" />\u200b'

现在我到底从哪里弄到的?

我不确定我从哪里复制了2992525576692564964992的代码,但这绝对是以下之一:

  • 带有HTML模板文件的Netbeans Editor的其他窗格;
  • Google Chrome浏览器检查器,“复制为HTML”操作;
  • Google Chrome源代码查看页面(非常令人怀疑)。

但是我不能用这两种方式重现该错误。

我在Windows 7下使用Netbeans 7.0.1和Google Chrome 13.0。没有键盘切换器或类似的东西正在运行。 另外,我正在使用Git进行版本控制,但是我没有提取该代码,因此Git不太可能受到指责。 这不是我同事的愚蠢笑话,因为他们很有礼貌。

有什么建议弄乱了我的代码吗?

trans by 2020-08-01T18:22:58Z

javascript-禁用Chrome严格的MIME类型检查

有什么办法可以禁用Chrome中的application/javascript

实际上,我正在跨域发出JSONP请求。 它可以在Firefox上正常工作,但是在使用chrome时,在控制台上会出现一些错误。

拒绝从“ [https://example.com”]执行脚本,因为其MIME类型('text / plain')无法执行,并且启用了严格的MIME类型检查。

它在Mozilla中可完美运行。问题仅在Chrome中出现

这是请求的响应标头。

Cache-Control:no-cache, no-store
Connection:Keep-Alive
Content-Length:29303
Content-Type:text/plain;charset=ISO-8859-1
Date: xxxx
Expires:-1
Keep-Alive:timeout=5
max-age:Thu, 01 Jan 1970 00:00:00 GMT
pragma:no-cache
Set-Cookie:xxxx
Strict-Transport-Security: max-age=31536000; includeSubDomains
X-Content-Type-Options:nosniff
X-Frame-Options:SAMEORIGIN

解决方法我认为:外部将内容类型设置为application/javascript

trans by 2020-07-31T20:33:48Z

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 下一页 共21页