Google Chrome套餐应用:如何制作透明的圆形背景,例如google hangout app？
Pra*_*eek 11 html javascript css google-chrome google-chrome-app
如下面的屏幕截图所示,环聊应用程序是完全透明的,并且它也应用了背景阴影.
我尝试了几种没有运气的方法,将css样式应用于页面的"html"和"body"标签,并在创建新窗口时使用"frame:none"选项,但它不起作用.
如何制作像这样的Google Chrome包应用？
任何人都有任何想法？
这是我正在尝试的代码.
mainfest.json:
{
"manifest_version" : 2,
"name" : "Demo App",
"version" : "0.1",
"description" : "Demo Purpose",
"app" : {
"background" : {
"scripts" : ["background.js"]
}
},
"permissions" : ["experimental"]
}
background.js:
chrome.app.runtime.onLaunched.addListener(function() {
chrome.app.window.create("index.html", {
frame: "none",
id: "DemoWindow",
resizable : false,
innerBounds : {
left: 600,
maxWidth: 150,
maxHeight: 150
}
});
});
index.html:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.title-area {
-webkit-app-region: drag;
}
html, body {
margin: 0;
padding: 0;
border: none;
outline: none;
overflow: hidden;
background-color: transparent;
}
</style>
</head>
<body>
<div class="title-area">Hello World</div>
</body>
</html>
Ben*_*lls 12
不幸的是,你目前无法做到这一点.我们在白名单中列出了环聊应用,以便能够使用此所需的API.
向第三方开放这些API可能会出现安全问题(特别是网络钓鱼和点击攻击).解决这些安全问题需要付出很大的努力,因此我们希望在进行此项工作之前,查看API是否被认为对合作伙伴应用程序(环聊)有用.
我们现在正在考虑我们的选项,并且可能会在未来打开API到第三方应用程序.
- 这将是一个非常有趣的功能.我们可以在某个地方投票/支持吗？ (2认同)
- 现在已经一年多了.这站在哪里？什么时候安排发布？ (2认同)
| 归档时间： |
|
| 查看次数： |
2651 次 |
| 最近记录： |