我正在开发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>
即可解决此问题。不知道为什么,但是确实如此。希望这可以帮助:)