标签: gecko

我注意到,即使从下拉启用"有错误显示堆栈跟踪",只有错误的发生似乎有痕迹,但是当我做:throw new Error('foo');我没有看到任何堆栈跟踪它,即使它似乎出现在控制台与发生的其他错误完全相同iDoNotExist().

有什么我想念的吗？

我似乎也得到了用于调用的堆栈跟踪console.error('foo');.奇.

应该注意的是,堆栈跟踪确实发生在Webkit Inspector和Opera上throw new Error('foo');.

目前,我们的应用程序使用Trident Win32组件,但我们希望摆脱这一点,原因有几个,其中主要是我们希望跨平台.

我们正在关注WebKit和Gecko,但在做出决定之前,我很想得到一些反馈.以下是一些最重要的要求:

1. 它应该相对较快,占地面积小.理想情况下,我们可以在不费力的情况下削减任何我们不需要的东西.

2. 体面的文件很重要.我预计不需要做任何太不寻常的事情,但你永远不会知道.

3. 我们正在使用C++,如果可能的话,我们希望使用设计良好的面向对象架构.

4. 跨平台是必须的,从长远来看,良好的性能将有所帮助(我们可能最终移植到移动平台).

在做出决定之前,我需要考虑哪些因素？之前有没有人使用过WebKit或Gecko？如果是的话,是否有任何我觉得有用的文章或教程？

更新:

谢谢你们的回应.我们最终选择了Qt 4.5,其中包括WebKit.到目前为止我们对它非常满意,事实上我认为Qt可能是我用过的最好的UI框架; 使用本机Win32 API进行编码之间的区别是惊人的.这也很容易学习,我们唯一的主要问题就是习惯了信号/插槽范例.

这有效

div {
  -moz-border-radius: 5px 5px 0 0;
  border:1px solid #000;
  margin:30px;
}

这不起作用

table {
  -moz-border-radius: 5px 5px 0 0;
  border:1px solid #000;
  margin:30px;
}

有谁知道如何使用-moz和-webkit来处理表？

TLDR：我正在尝试确定是否值得花一些时间掌握SMIL。官方路线（至少来自 Blink，但可能不是来自 Gecko）似乎是这种动画技术在功能上已被弃用……但实际情况表明情况并非如此。

我想学习 SMIL，因为它让我觉得它是一种优雅的技术——但我不想今年花几个月的时间学习一两年后就会过时的东西。

问题： 值得学习SMIL吗？

几年前，人们一致认为SVG的动画语言SMIL（同步多媒体集成语言）将被弃用：

2015 年 4 月，Blink团队写道：

“我们打算弃用 SMIL 动画以支持 CSS 动画和 Web 动画”

资料来源： https : //groups.google.com/a/chromium.org/g/blink-dev/c/5o0yiO440LM）

五年半前有意弃用的两个主要原因似乎是：

• “在实现方面，SMIL 为 Blink 增加了显着的复杂性”
• “Internet Explorer 不支持 SMIL，这限制了它对关键功能的使用”

滚动到 2020 年，Internet Explorer迷失在时间的迷雾中，MSIE 的继任者Edge现在使用Blink渲染引擎（以及Chromium、Chrome、Opera、Brave等）。

眨眼的主要竞争对手，壁虎，也似乎完全满意SMIL …

如果我有:

var test = {toString: function(){alert("evil code"); return "test";}};

我怎样才能转换test为字符串？没有调用test.toString()和不使用typeof x == "string"支票,因为我想允许非字符串.

注意:这是针对FF扩展处理来自内容页面的js范围的对象.

我对Javascript Typed Arrays有点困惑.

我有几个Float32Array,没有concat方法.我不知道提前有多少人,顺便说一下.我想将它们连接到另一个Float32Array中,但是:

• 正如我之前所说,没有连接方法
• 如果我尝试写过数组长度,数组不会扩展(也就是说这不起作用 - 请注意event.frameBuffer和缓冲区都是Float32Array,我不知道缓冲区的最终长度是多少):

var length_now = buffer.length;
for (var i = 0; i < event.frameBuffer.length; i += 1) {
      buffer [length_now + i] = event.frameBuffer[i];
}

我找到的唯一解决方案是将Float32Array复制到一个常规数组中,这绝对不是我想要的.你会怎么做,stackoverflowers？

我在background-image流体高度和宽度的元素上设置了CSS .它是一个SVG,其预期的行为是它可以在任何必要的方向上伸展以覆盖整个元素的区域.在Chrome,Safari,甚至是错误的'Internet Explorer 9'中,缩放都是我想要的:

但在Firefox(包括桌面和移动设备)中,输出更像是:

经过一番挖掘,看起来Firefox对SVG渲染的看法比其他浏览器更严格,因为它严格遵守规范的最新版本.(Opera Mini的也没有渲染这个背景图片(如果启用),因为它不缩放图像下来,并给予了夏季雷暴认真解决规范的普雷斯托引擎的传统,它可以料想的一样更新的办法,火狐确实.)

您可以在http://ti.gt/上看到我正在处理的实况页面.我还提供了以下我正在使用的代码:

HTML

<h1 class="blog-title-wrapper">
  <a href="/" class="blog-title pop-out">{Title}</a>
</h1>

CSS

.blog-title {
    background: none;
    color: #fff;
    font: normal normal 4em "Alternate Gothic", sans-serif;
    margin: 0 0 0 .1em;
}

.blog-title-wrapper {
    margin: -1px 0 0 0;
    padding-bottom: 20%;
    background: #d23e2c;
    background: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMzMzIDc1MCIgdmVyc2lvbj0iMS4xIj48cGF0aCBkPSJtIDAsMCAxMzMzLDAgMCwzMjAuNTMgLTcyLjY3LDQ4LjQyIDUyLjQ1LDM3LjU3IC0xMjYuMzEsNTIuODQgNTAuMTMsMTM2LjE5IC0xOS45OCwzNy4yNiAtMzkuNDcsLTExLjcxIC0zOC43NSw0MC40NyAtNjMuMzIsLTEyLjA3IC0zMC40NCwtMTM1LjYgLTcuOTQsMy4yOCAyNC43NCwxNDAuOTUgLTM4LjEzLDMwLjI2IC00NC4zNSwtMy4zMyAtMzUuODMsMjMuMzkgLTQ4LjkzLC0xMy4yMiAtMzguMjQsLTE0MS40OCAtMTAuNTcsMy42OCA2LjIsMTQ4Ljk3IC0zMy44OCwyMC40NiAtMjUuMjYsLTEzLjg1IC0yMi40OCwzMS40OSAtMjcuMzYsLTIyLjMyIC0zMiwyNC4zNCBMIDY4MC41NSw3MTguNiA2NjQuNyw1NjQgbCAtMTcuMDgsMC45MSAtMjEuODgsMTU5LjczIC0yOS4xNywyNS4zNiAtMS43MiwwIC0yNy44NCwtMjMuMDIgLTIzLjMsMTMuODggLTIxLjYsLTIwLjcxIC0yMi4zMSwxMS4yMSAtMjQuMTMsLTIzLjE4IDEwLjE0LC0xNTUuNCAtNC43NywtMi4yIC0zMy42NCwxNTcuNjMgLTI5Ljk3LDE0LjIxIC04LjgsLTEuMTcgLTM1LjIxLC0yMC4zOCAtMzQuMTcsMTAuNDEgLTguNjMsLTIuNzkgLTMyLjkzLC0yNi42OCAyNC45NiwtMTUxLjU0IC0xMC42NiwtMi4wOSAtNDUuNjIsMTQwLjM0IC0zMi40OSwxNS4zMyAtNTUuMDgsLTQwLjM2IC0zOC45OSw5LjA3IEwgMTA2LjgyLDYxOC40MyAxNTMuMjYsNDg2LjA2IDguODUsNDI4LjU3IDYzLjkzLDM4MC44NiAwLDMzMy4wNSB6IiBmaWxsPSIjZDIzZTJjIi8+PHBhdGggZD0iTSAzMDIuNzYsMzQuNTggNDY0Ljk4LDE1OC45MyA0MjMuMDcsMzY3LjM3IDI3Ny4yNywyODQuMjIgMTgxLjc5LDMzMi42NiA4MS41NywxNDMuMDggeiIgZmlsbD0iI2E4MzEyMyIvPjxwYXRoIGQ9Im0gMTA3OC45Miw0MC4xMSAxOTYuOSw3Ny44NCAtMTA5Ljk5LDI1My4wNyAtMTAzLjg5LC02MC4wNyAtMTUuMzcsMS45IC0xMTkuMDUsNDkuMjIgLTI1LjQ3LC0yMjcuMzQgeiIgZmlsbD0iI2E4MzEyMyIvPjxwYXRoIGQ9Im0gNjA1LjY1LDMyMi43NCAzLjYsMTA3LjE5IC0xMDAuNzYsMS41NyA2NC41OSwtMzMuMzggeiIgZmlsbD0iI2E4MzEyMyIvPjxwYXRoIGQ9Im0gNzE4LjUxLDMyNS4zIDMzLjMzLDc3LjAyIDc5LjQxLDI4LjI3IC0xMTkuOSwxOS40OSB6IiBmaWxsPSIjYTgzMTIzIi8+PC9zdmc+") no-repeat 100% 100%, none;
}

数据URI似乎不是关键点,但这里是解码的SVG文件:

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" width="100%" height="100%" viewBox="0 0 1333 750" version="1.1">
    <path d="m 0,0 1333,0 0,320.53 -72.67,48.42 52.45,37.57 -126.31,52.84 50.13,136.19 …

我需要关闭Marionette/GeckoDriver日志记录; 有没有办法做到这一点？我一直在寻找,但我没有得到正确的答案.INFO日志是:

 1484653905833  geckodriver INFO    Listening on 127.0.0.1:15106
    Jan 17, 2017 5:21:46 PM org.openqa.selenium.remote.ProtocolHandshake createSession
    INFO: Attempting bi-dialect session, assuming Postel's Law holds true on the remote end
    1484653906715   mozprofile::profile INFO    Using profile path C:\Users\vtiger\AppData\Local\Temp\3\rust_mozprofile.7d2LEwDKoE8J
    1484653906720   geckodriver::marionette INFO    Starting browser C:\Program Files\Mozilla Firefox\firefox.exe
    1484653906731   geckodriver::marionette INFO    Connecting to Marionette on localhost:58602
    1484653908388   addons.manager  DEBUG   Application has been upgraded
    1484653908843   addons.manager  DEBUG   Loaded provider scope for resource://gre/modules/addons/XPIProvider.jsm: ["XPIProvider"]
    1484653908846   addons.manager  DEBUG   Loaded provider scope for resource://gre/modules/LightweightThemeManager.jsm: ["LightweightThemeManager"]
    1484653908852   addons.manager  DEBUG   Loaded …

我正在构建一个使用HTML localStorage的小项目.虽然我没有接近localStorage的5MB限制,但我还是决定进行压力测试.

本质上,我将数据对象加载到单个localStorage对象中,直到它只是略低于该限制,并且必须请求设置和获取各种项目.

然后我使用javascript Date对象和事件处理程序非正式地执行setItem和getItem (绑定get并设置为HTML中的按钮,然后单击= P)

性能非常糟糕,请求时间在600毫秒到5,000毫秒之间,而且在更严重的情况下内存使用量接近200毫安.这是在Google Chrome中使用MacOSX上的单一扩展程序(Google Speed Tracer).

在Safari中,它基本上都是> 4,000ms.

Firefox是一个惊喜,几乎没有超过150毫秒.

这些都是基本上处于空闲状态 - 没有YouTube(Flash)阻碍,没有多少标签(只有Gmail),除了后台进程+浏览器之外没有应用程序打开.一旦内存密集型任务弹出,localStorage也会按比例放缓.FWIW,我正在运行2008年末的Mac - > 2.0Ghz Duo Core,配备2GB DDR3内存.

===

所以问题:

1. 有没有人针对localStorage获取和设置各种不同的键和值大小,以及在不同的浏览器上进行基准测试？
2. 我假设Firefox之间的延迟和内存使用量差异很大,其余的是Gecko vs Webkit问题.我知道通过深入研究这些代码库可以找到答案,但我肯定想知道是否有其他人可以在这两个引擎上解释有关localStorage实现的相关细节,以解释浏览器中效率和延迟的巨大差异？

不幸的是,我怀疑我们是否能够解决它,但是越接近就能理解浏览器在当前状态下的局限性.

谢谢!

我遇到了Firefox独有的问题.我正在尝试将链接和按钮设置为完全相同.在除Firefox之外的每个浏览器上,这都可以按预期工作 在Firefox上,按钮内容的高度为18像素,而链接的高度为15像素.在Chrome,Safari和Internet Explorer上,它们都是正确的15像素高.为什么是这样？

这是关于问题的jsFiddle的演示.这是我在Chrome上获得的结果:

这是Firefox的结果:

我已经尝试在CSS中手动更改高度,但这并不完全有效,并打破了其他浏览器的布局.设置-moz-appearance: none什么都不做,但是再一次,它通常不会.

以下是我的尝试的详细信息,以及它将用于什么.

有没有人遇到过这个问题？如何在所有浏览器中均衡高度？