小编Gar*_*bee的帖子

有时,很难判断一段代码何时开始以及何时结束.是否可以在Chrome的时间轴工具中添加标记？

在Chrome开发者工具中查看元素时,HTML元素通常在使用鼠标悬停在元素上时会突出显示为蓝色.

但有时也会有橙色区域.(见图)

橙色突出显示的含义是什么？有时它看起来像是父HTML元素的反映.但有时它不是.它看起来很随意,让我感到困惑.

我正在制作一个图形繁重的网站,我尝试使用谷歌浏览器中的时间轴工具进行分析,但我无法理解为什么远离视口的这么大的区域被绘制..

能否帮助我解决以下原因？

可能与其他合成内容重叠

不能被压扁,因为该层具有与压缩层不同的剪切容器

由于挤压层会变得太稀疏,所以不能被压扁

如果不是至少帮助我理解"压扁层"或剪辑的含义？

PS: 如果有帮助,我记录了时间线数据:这里.我正在分析的网站是iimc-carpediem.com/2016alpha

曾经有一个选项可以在Chrome Dev工具时间轴中切换事件,帧和内存视图.

现在,只有事件视图:(

我的开发工具:

开发工具文档:

嗨,所以我可以通过codepen.io看到的 问题无论我做什么我都不能让mdl-stepper使其高度与内部内容相同.

似乎没有真正的getmdl.io.

CSS(我知道这是问题)

/**
 * mdl-stepper - A Material Design Lite Stepper component polyfill.
 * @version v1.1.6
 * @author Alexandre Thebaldi <ahlechandre@gmail.com>.
 * @link https://github.com/ahlechandre/mdl-stepper
 *
 */
/* MDL Stepper */
/**
 * mdl-stepper - A Material Design Lite Stepper component polyfill.
 * @version v1.1.6
 * @author Alexandre Thebaldi <ahlechandre@gmail.com>.
 * @link https://github.com/ahlechandre/mdl-stepper
 *
 */
/* STEPPER */
/* GRID */
/* SHADOWS */
/**
 * mdl-stepper - A Material Design Lite Stepper component polyfill.
 * @version …

我过去已经构建了一个chrome扩展,我在该扩展中使用了chrome notifications API,所以我很熟悉它是如何工作的.

我最近发现这个网站会在发生某些事情时显示此通知,但最奇怪的部分是,即使在任何标签页中未打开此网站,它也会推送这些通知(只要Chrome已打开).我想知道他们是怎么做到的.

我检查了我的设置 - >扩展名列表,看看我是否以某种方式安装了他们的扩展程序,但没有.那么他们从哪里运行这个神奇的javascript？

网站名为https://www.greentoe.com

我有一个带有script标签的页面。该标签内的脚本很长，但我想调试它。不幸的是，我无法滚动到控制台中的相关位置，因为在一定长度后，脚本根本不显示，请参阅附件：

正如你所看到的，它以

return !filt...

实际的函数如下所示：

            this.validate = function(filters) {
                for (var filter in filters) {
                    if (!innerValidation(filters[filter].filterType, filters[filter].evaluatedValue, data[filters[filter].key])) {
                        return filters[filter].isOr;
                    }
                }
                return !filters[filter].isOr;
            };

问题：为什么 Chrome 会截断我的脚本？如何更改？

请注意，我知道我可以从外部文件加载它，但我实际上有兴趣知道这种行为的原因。

我在启动了devtools实验

about:flags

但设置中没有任何显示。

有什么变化或功能消失了吗？谢谢