Google chrome extension popup.html显示不正确_Google Chrome Extension

Google chrome extension popup.html显示不正确

google-chrome-extension

Google chrome extension popup.html显示不正确,google-chrome-extension,Google Chrome Extension,我创建了一个使用popup.html文件的页面操作扩展。它过去工作得很好。当我点击图标时，它会显示一个小框，只有popup.html页面的一角可见。我设置了主体和html css的高度和宽度，但没有运气使框变大。我还将css移到另一个名为popup.css的页面上，并添加到popup.html头部有人碰到过这个问题吗？请帮忙 HTML: 看看这个这似乎是一个Chrome bug。但它是固定在金丝雀版本。所以我认为这只是一个暂时的问题是否缺少某些内容？请尝试指定html文档的doctyp

我创建了一个使用popup.html文件的页面操作扩展。它过去工作得很好。当我点击图标时，它会显示一个小框，只有popup.html页面的一角可见。我设置了主体和html css的高度和宽度，但没有运气使框变大。我还将css移到另一个名为popup.css的页面上，并添加到popup.html头部

有人碰到过这个问题吗？请帮忙

HTML:

看看这个

这似乎是一个Chrome bug。但它是固定在金丝雀版本。所以我认为这只是一个暂时的问题

是否缺少某些内容？请尝试指定html文档的doctype

<html>
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="popup_script.js"></script>
    <link href="popup.css" rel="stylesheet" type="text/css">
</head>
<body>
    <ul>
        <li id="all">All</li>
        <li id="title">Name</li>
        <li id="artist">Artist</li>
        <li id="album">Album</li>
        <li id="art">Artwork</li>
    </ul>
    <textarea id="info" type="text"></textarea>
</body>
</html>

body {
font-family: arial;
font-size: 13pt;
margin: 0;
padding: 0;
color: #06477D;
}

ul {
list-style-type: none;
cursor: pointer;
padding: 0;
margin: 0;
}

li {
text-align: center;
padding: 5px 20px;
}

li:hover {
background: #06477D;
color: white;
}

textarea#info {
position: absolute;
}