我正在开发Chrome扩展程序,并且注意到Chrome开始对我的通知进行奇怪的处理。

我说的是巨大的空白(通知高度应在蓝色条形处结束)。

并不是以前那样,它随新的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解析器:https://github.com/allmarkedup/jQuery-URL-Parser

代码有点复杂,因此我不会将所有代码都粘贴到这里。想知道其他人是否对大型通知有同样的问题。

最佳答案

我不确定这是否适合您的情况...但是只要我在chrome中有一个大空白的bug,添加<!doctype html>标签而不是<html>即可解决此问题。不知道为什么,但是确实如此。希望这可以帮助:)

10-08 11:43