无法占用整个窗口宽度的Chrome扩展
无法占用整个窗口宽度的Chrome扩展
提问于 2015-09-11 00:18:24
我开发了一个铬扩展格式的水平条站在用户窗口顶部。它是“类似”的东西：
但当我将它作为扩展添加到Chrome时(见右上角的图标)，情况就是这样：
这里怎么了？
这是舱单：
{
"manifest_version": 2,
"name": "CLAWS",
"description": "testing",
"version": "1.0",
"permissions": [
"tabs",
"https://google.com.br/"
],
"browser_action": {
"default_icon": "icone_app.png",
"default_popup": "HTML.html"
}
}编辑: HTML代码：
<!DOCTYPE html>
<html>
<head>
<link href='CSS.css' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="barra"></div>
</body>
</html>和CSS.css：
#barra{
background-color:red;
width:100%;
height:80px;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2015-09-11 00:55:47
弹出窗口是它自己的窗口。因此，当#barra将其宽度指定为100%时，它是弹出窗口的body元素的100%。但没有什么能让身体达到特定的尺寸。例如，如果我检查扩展的弹出式，Chrome告诉我body元素的宽度为9px，两边的边距为8 8px (由用户代理样式表设置)。你的价值观可能不同，但它们不会更大。如果您希望它更宽，您需要让CSS.css显式地告诉主体它应该有多宽，而不是使用百分比。
但是，如果您希望在用户窗口的顶部有一个栏，我不确定浏览器操作是否是您想要的。浏览器操作在失去焦点时关闭，特别是当用户与网页有任何交互时。相反，我认为您需要一个内容脚本，将条形图放在屏幕的顶部(可能只是一些css：body{border-top:80px solid red;})。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32513582
复制相关文章
相似问题
腾讯云开发者
