1

我正在构建一个扩展，它使用 createHTMLNotification 调用向用户提供通知，但是我在弄清楚相关的大小限制以避免出现丑陋的黑色水平和垂直滚动条时遇到了一些麻烦（至少在 Ubuntu 12.04 Linux 上）。

有没有人有任何关于文档的指针，提供一些关于我应该瞄准的最大尺寸的提示，希望是跨平台的？

4

2 回答 2

1

Windows 版本 20.0.1132.47（稳定版 144678）上的最大尺寸为 300 x 160 像素。

于 2012-07-02T16:21:06.207 回答
0

在我自己的笔记本电脑上运行 Chrome on Linux Version 21.0.1145.0 dev 的实验给我最大尺寸为 284 x 144 像素，然后滚动条出现。我不知道这是否是特定于系统的，但假设 Chrome 至少支持某些拥有它们的平台的原生通知，我想在像素完美通知上投入太多精力可能无法保证好的结果。

至于确保滚动条不会出现在通知中，还有另一个小挑战（可能根本与通知 API 无关）；设置heightand max-height（同样设置宽度）不会自行切割它。

就我而言，我需要在通知中设置项目列表的样式，而我最终做的是使用以下 html 代码：

<html>
  <head>
    <style>
      body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: .73em;
      }
      div#note {
        overflow: hidden;
        height: 144px;
        max-height: 144px;
        width: 284px;
      }
      div.noteline {
        position: relative;
        overflow: hidden;
        overflow-x: hidden;
        overflow-y: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 1.2em;
      }
    </style>
  </head>
  <body>
    <div id=\"note\">#{params.html}</div>
  </body>
</html>

我的模板引用 ( #{params.html}) 基本上填充了包含以下内容的行：

<div class="noteline">Some possibly large line that would overflow item 123</div>
于 2012-05-25T21:53:21.227 回答