异常大的WebKit通知

时间:2012-07-01 13:36:42

标签: javascript jquery webkit google-chrome-extension notifications

我正在开发Chrome扩展程序,我注意到Chrome开始对我的通知做一些奇怪的事情。

Exhibit A

我在谈论巨大的空白事物(通知高度应该在蓝色条上结束)。

不久之前,它开始出现在Chrome新版本的某个地方。

无论如何,这可能是什么原因?

扩展程序的源代码位于http://github.com/Maxorq/LastPlug

最有趣的部分是:

js/notifications.js

$('#title').html(decodeURIComponent($.url().param('title')));
$('#message').html(decodeURIComponent($.url().param('message')));
$('#avatar').attr('src', $.url().param('avatar'));
$('#color').addClass("color_" + $.url().param('color'));

notification.html

<div id="content">
<img id="avatar" width="32" height="32" src="img/icon.png" />
<span id="title">Title</span><br />
<span id="message">Message</span>
</div>

js/background.js

var notification = webkitNotifications.createHTMLNotification('notification.html?title=' + title + '&message=' + message + '&avatar=' + avatar + '&color=' + color);

notification.show();

我在这里使用jQuery URL Parser:https://github.com/allmarkedup/jQuery-URL-Parser

代码有点复杂,所以我不会在这里粘贴所有代码;想知道是否有其他人对巨大的通知有同样的问题。

1 个答案:

答案 0 :(得分:3)

我不确定这是否适用于您的情况......但每当我在Chrome中遇到大空字符的错误时,添加<!doctype html>标记而不仅仅<html>修复问题。不知道为什么,但确实如此。希望这会有所帮助:)