Fatal编程技术网

Google chrome extension Chrome通知的大小

google-chrome-extension notifications

Google chrome extension Chrome通知的大小,google-chrome-extension,notifications,Google Chrome Extension,Notifications,我正在构建一个扩展，它使用createHTMLNotification调用为用户提供通知，但我在计算相关的大小限制时遇到了一些困难，以避免出现难看的黑色水平和垂直滚动条（至少在Ubuntu 12.04 Linux上） 有没有人能提供一些关于我应该达到的最大尺寸（希望是跨平台的）的文档提示？在我自己的笔记本电脑上运行Chrome on Linux 21.0.1145.0 dev的实验在滚动条出现之前给了我284 x 144像素的最大尺寸。我不知道这是否是特定于系统的，但假设Chrome至少在某些平

我正在构建一个扩展，它使用createHTMLNotification调用为用户提供通知，但我在计算相关的大小限制时遇到了一些困难，以避免出现难看的黑色水平和垂直滚动条（至少在Ubuntu 12.04 Linux上）

有没有人能提供一些关于我应该达到的最大尺寸（希望是跨平台的）的文档提示？

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

至于确保滚动条不会出现在通知中，还有另一个小挑战（可能与通知API完全无关）；设置
高度
和
最大高度
（与宽度类似）不会自行剪切

在我的例子中，我需要在通知中设置项目列表的样式，最后我使用了以下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>
在我自己的笔记本电脑上运行Chrome的Linux 21.0.1145.0版dev上的实验显示，在滚动条出现之前，最大尺寸为284×144像素。我不知道这是否是特定于系统的，但假设Chrome至少在某些平台上支持本机通知，我猜在像素完美通知上投入太多精力可能无法保证好的结果

至于确保滚动条不会出现在通知中，还有另一个小挑战（可能与通知API完全无关）；设置
高度
和
最大高度
（与宽度类似）不会自行剪切

在我的例子中，我需要在通知中设置项目列表的样式，最后我使用了以下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>
Windows版本20.0.1132.47（稳定144678）上的最大大小为300 X 160像素。

Windows版本20.0.1132.47（稳定144678）上的最大大小为300 X 160像素。

现在在OS X上，您必须使用“通知”弹出窗口的大小，它基本上是顶部的一个长标题行和一个长“正文”行。FWIW.现在在OSX上，你一定会看到一个“通知”弹出窗口的大小，它基本上是一个长长的标题行和一个长长的“正文”行。不管好坏