Chrome扩展程序无法占据整个窗口宽度
古里亚特先生
我开发了一个chrome扩展程序，其格式是位于用户窗口顶部的单杠形式。有点“像”它：
但这是将其作为扩展程序添加到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;
}
蒂皮
A popup window is it’s own window. So when #barra specifies its width as 100%, it’s 100% of the popup window’s body element. But nothing makes the body take a particular size. For example, if I inspect your extension’s popup, Chrome tells me that the body element has a width of 9px, and margins of 8px on each side (set by the user agent style sheet). Your values may differ, but they won’t be much larger. If you want it to be wider, you’ll need to have CSS.css explicitly tell body how wide it should be, and not use percentages.
但是，如果您想在用户窗口的顶部放置一个栏，则不确定是否要使用浏览器操作。当浏览器动作失去焦点时，特别是当用户与网页进行任何交互时，它们就会关闭。相反，我认为您需要一个内容脚本，该脚本会将工具栏放在屏幕顶部（可能只是一些css：）body{border-top:80px solid red;}。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
无法在Chrome中打开扩展程序窗口
- 2
如何防止TrayIcon弹出窗口占据整个调度程序线程
- 3
占据屏幕整个宽度的图像
- 4
TD占据行的整个宽度
- 5
在Chrome扩展程序的弹出窗口中，警报无法正常工作
- 6
chrome扩展程序弹出窗口无法通过ID查找元素
- 7
无法通过Chrome扩展程序弹出窗口创建JS弹出窗口
- 8
使用Chrome扩展程序淡出整个页面
- 9
使VStack中的文本占据VStack的整个宽度
- 10
li元素占据了屏幕的整个宽度
- 11
如何让页脚边框占据屏幕的整个宽度？
- 12
强制视频占据 SImpleExoPlayerView 的整个宽度
- 13
无法拉伸两个元素以使其占据页面的整个宽度
- 14
从后台Chrome扩展程序访问窗口对象
- 15
如何缩小Chrome扩展程序的弹出窗口
- 16
Chrome扩展程序始终弹出窗口
- 17
响应式Chrome扩展程序弹出窗口
- 18
Chrome扩展程序-更改弹出窗口
- 19
禁止关闭Chrome扩展程序弹出窗口
- 20
Chrome扩展程序窗口加载jQuery
- 21
在内容脚本中定义但无法在弹出窗口中访问的脚本（Chrome扩展程序）
- 22
无法在Chrome扩展程序中使用postMessage从父窗口将数据发送到iframe
- 23
无法使用Chrome扩展程序弹出窗口中的按钮打开新标签页
- 24
无法使用Chrome扩展程序中的postMessage从父窗口将数据发送到iframe
- 25
如何在使用初始负载和抽动类时将引导程序组件（容器）扩展到整个窗口的宽度和高度？
- 26
Firefox：类似于Chrome扩展程序窗口的窗口
- 27
终端应用程序占据了整个终端
- 28
td元素的子元素占据整个宽度和高度
- 29
使Bootstrap Column占据整个页面宽度（或至少90％）
我来说两句