Như được hiển thị trong ảnh chụp màn hình bên dưới, ứng dụng hangout hoàn toàn minh bạch và ứng dụng này cũng có bóng nền được áp dụng cho nó.Ứng dụng gói Google Chrome: Cách tạo nền tròn trong suốt như ứng dụng Google hangout?
Tôi đã thử nhiều cách tiếp cận với không may mắn bằng cách áp dụng phong cách css để "html" và "cơ thể" thẻ để trang và bằng cách sử dụng "khung: none" tùy chọn trong khi tạo ra cửa sổ mới, nhưng nó doesn' t làm việc.
Làm thế nào để làm cho ứng dụng Google chrome gói như thế này?
Bất kỳ ai có ý tưởng nào?
Đây là mã mà tôi đang thử nghiệm.
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>
Cảm ơn Ben đã trả lời của bạn. Đó là một trong những giao diện tuyệt vời mà tôi thích nhất về ứng dụng hangout. Đang đợi các API như vậy được mở cho plugin của bên thứ ba. – Prateek
cũng có bất kỳ cập nhật nào khi mở API?! – Ali
Nó sẽ là một tính năng rất intersting. Chúng tôi có thể bỏ phiếu cho/hỗ trợ một nơi nào đó không? – Supersharp